Forum Moderators: not2easy

Message Too Old, No Replies

Background gradient not working in safari

         

peeyush014pandey

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

10+ Year Member



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 */

birdbrain

8:27 am on Apr 2, 2012 (gmt 0)



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