Хотите заменить DXImageTransform, чтобы сделать FireFox / Chrome-совместимым - PullRequest
Новая
       2

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

0 голосов
/ 08 июля 2010

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

Кто-нибудь, есть идеи?

Код ниже: 

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

1 Ответ

2 голосов
/ 08 июля 2010 
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+ (я думаю, что поддерживает фильтры градиента). Каждый браузер будет игнорировать объявления, которые он не понимает, поэтому наличие всех трех будет поддерживать все основные браузеры. Opera пока не поддерживает градиенты, вместо этого используйте SVG (масштабируемая векторная графика)

Градиентная документация Firefox

Документация по градиентам для Webkit (Safari / Chrome)

Градиенты оперы

...