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

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -