html - Style attribute in <td> tag not working in Firefox -
i have html table , trying add gradient using style
attribute on <td>
. works in ie, not firefox, opera, or chrome.
<td height="100%" width="10%" valign="top" style="filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#6487db', endcolorstr='#003366', gradienttype='0');" > </td>
how can work in firefox, etc.?
this:
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#6487db', endcolorstr='#003366', gradienttype='0');
is ie specific code. shouldn't work in other browsers. see css3please ways of doing in other browsers (that support css3).
edit: copied link posted , modified correct colors
background-color: #6487db; background-image: -webkit-gradient(linear, left top, left bottom, from(#6487db), to(#003366)); /* saf4+, chrome */ background-image: -webkit-linear-gradient(top, #6487db, #003366); /* chrome 10+, saf5.1+ */ background-image: -moz-linear-gradient(top, #6487db, #003366); /* ff3.6 */ background-image: -ms-linear-gradient(top, #6487db, #003366); /* ie10 */ background-image: -o-linear-gradient(top, #6487db, #003366); /* opera 11.10+ */ background-image: linear-gradient(top, #6487db, #003366); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#6487db', endcolorstr='#003366'); /* ie6–ie9 */
Comments
Post a Comment