Welcome to WebmasterWorld Guest from 54.147.44.13

Forum Moderators: not2easy

Message Too Old, No Replies

Background gradient not working in safari

     
6:55 am on Apr 2, 2012 (gmt 0)

New User

joined:Apr 2, 2012
posts: 1
votes: 0


I am using telerik Radgrid in which the columns headers are set,the following css works fine for firefox and IE, can you please suggest css for the same in safari, as in safari the background color is coming white.

background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;/* Firefox */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766', endColorstr='#313841')"; /* IE8 */
8:27 am on Apr 2, 2012 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 2, 2003
posts: 948
votes: 4


Hi there peeyush014pandey,

and a warm welcome to these forums. ;)

Use these...

/* Firefox 3.6+ */
background:-moz-linear-gradient( top,#4C5766 0%,#313841 99%);

/* Chrome10+,Safari5.1+ */
background:-webkit-linear-gradient(top,#4C5766 0%,#313841 99%);

/* Opera 11.10+ */
background:-o-linear-gradient(top,#4C5766 0%,#313841 99%);

/* IE6-9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766',endColorstr='#313841')";


birdbrain