Хотите заменить DXImageTransform, чтобы совместимость с FireFox/Chrome

Question

Следующая часть кода не работает на FF и Chrome, но работает в IE. Я хочу заменить эту часть, чтобы убедиться, что она работает во всех браузерах.

Кто-нибудь, любая идея?

код ниже:

<td width="50%" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3); HEIGHT: 38px;"> 

Answer 1

td { 
    background: -webkit-gradient(linear, left top, left 38, from(#163866), to(#8bc9f3)); 
    background: -moz-linear-gradient(top, #163866, #8bc9f3 38px); 
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3) 
    height: 38px; 
} 

Это будет работать в FF 3.6 +, Safari 4+, Chrome и IE 6+ (я думаю, что поддерживает градиентные фильтры). Каждый браузер будет игнорировать объявления, которые он не понимает, поэтому все 3 будут поддерживать все основные браузеры. Opera не поддерживает градиенты, вместо этого использовать SVG (Scalable Vector Graphics)

Firefox Gradient documentation

Webkit (Safari/Chrome) Gradient documentation

Opera Gradients