html - how can i add background-image under css3 gradient effect have low opacity -


my photoshop design have gradient colors,have 64 opacity , have pattern i' m have succeeded in gradient , low opacity code example in topic question how can add pattern

display: block; position: relative; width:100%; height:100%; background: rgba(137,206,157,1); background: -moz-linear-gradient(top, rgba(137,206,157,1) 0%, rgba(74,187,154,0.64) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(137,206,157,1)), color-stop(100%, rgba(74,187,154,0.64))); background: -webkit-linear-gradient(top, rgba(137,206,157,1) 0%, rgba(74,187,154,0.64) 100%); background: -o-linear-gradient(top, rgba(137,206,157,1) 0%, rgba(74,187,154,0.64) 100%); background: -ms-linear-gradient(top, rgba(137,206,157,1) 0%, rgba(74,187,154,0.64) 100%); background: linear-gradient(to bottom, rgba(137,206,157,1) 0%, rgba(74,187,154,0.64) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#89ce9d', endcolorstr='#4abb9a', gradienttype=0 ); 

1) #your box { background-image: url('xx.gif'); /* here code /* }  2)  <div id="box"> <div id="your_box"> </div> </div>   #box { background-image: url('xx.gif'); /* or put here css3 grandient effect instead background-color: #xy; display: block; position: relative; width:100%; height:100%; overflow:hidden; }  #box #your_box { here code } 

Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -