How to dynamicly add background gradient??

Discussion in 'CSS' started by 123GoToAndPlay, Mar 9, 2010.

0
  1. #1
    Hi,

    i have a bunch of different fixed sized boxes (100+) and i need to add a background gradient to each.
    I have made 3 different gradients and i like to do something like

    boxes between 200 - 500 px height do

    
	background-color:#FFFFFF;
	background-image:url(images/general/bgGradientA.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	min-height: 325px;
	height:auto !important;
	height: 325px;
    Code (markup):
    between 500-1000px
    
	background-color:#FFFFFF;
	background-image:url(images/general/bgGradientB.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	min-height: 625px;
	height:auto !important;
	height: 625px;
    Code (markup):
    and for boxes > 1000px
    
	background-color:#FFFFFF;
	background-image:url(images/general/bgGradientC.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	min-height: 1225px;
	height:auto !important;
	height: 1225px;
    Code (markup):
    is it somehow possible???

    regards
     
    123GoToAndPlay, Mar 9, 2010 IP