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