CSS屬性不工作的IE6

我有這樣的：CSS屬性不工作的IE6

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(210,210,210,1)));

其工作的所有瀏覽器和IE9，但不工作的IE6 誰能告訴我使用別的什麼

問候

來源

2012-05-02 Roland

webkit的裝置（狩獵＆鉻），所以它不會在IE，這應該在IE'濾波器工作：的progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃CCCCCC '，endColorstr ='＃000000'）;' – waterschaats

標準漸變僅適用於現代瀏覽器，不適用於IE。 – Rob

如果你想讓他們在Firefox中閱讀這篇文章http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/ – Chinook

您需要使用IE的舊過濾器規則，您在問題中提到的規則有一個供應商前綴，它將目標定位到webkit（chrome ，safari等）瀏覽器只。 - 有一個整潔的發電機here這將幫助你在跨平臺漸變。 IE6-9的規則如下所示：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 *

來源

2012-05-02 12:38:42 dmp

webkit前綴僅適用於Webkit瀏覽器，即Chrome，Safari和Android以及iPhone。例如，您需要爲Firefox使用-moz，爲Opera使用-o。

IE6根本沒有任何漸變支持，所以您需要改用圖片，或者放棄IE6支持，這可能是一個不錯的選擇; IE6上還沒有很多用戶。（除非專門用於例如政府，它們經常被卡住。）

來源

2012-05-02 12:38:28 HankSmackHood

IE6-9支持漸變，但通過filter：declarations – dmp

Internet Explorer漸變過濾器不支持顏色停止，漸變角度和徑向漸變。這意味着您只能指定具有2種顏色的水平或垂直線性漸變：StartColorStr和EndColorStr。

來源

2012-05-02 12:54:27

Internet Explorer 8及更低版本不是不支持漸變的唯一瀏覽器，因此使用過濾器不會捕獲所有瀏覽器。

另一種方法是to use Modernizr以支持檢測功能並使用後備圖像或純色。

例如：

#box { 
// Normal gradient syntax 
} 

.no-cssgradients #box { 
// Fallback image 
}

來源

2012-05-02 12:58:09

CSS屬性不工作的IE6

回答

相關問題