我的CSS漸變不能在IE 9或以下版本中工作

我對在IE 9或更低版本中不起作用的圖像有CSS漸變。我試着添加一個高度：100％;因爲我看到那幫助了別人，但它仍然沒有影響我的。圖像是註冊按鈕，我的網址是http://ht.io-web.com/。下面是CSS的即我的CSS漸變不能在IE 9或以下版本中工作

.white { 
background: -moz-linear-gradient(center top , #FFFFFF, #DEDCDC) repeat scroll 0 0 transparent; 
border: medium none #DEDCDC; 
color: #85B700; 
margin-left: 5px;}

來源

2012-06-06 user1408440

你會意識到，「-moz-」是Mozilla的前綴？所以，這應該只適用於Firefox ... –

谷歌爲'css3漸變發生器'，然後點擊最高結果。它不是那麼難;） – dmp

梯度：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

梯度的WebKit瀏覽器：

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

來源

2012-06-06 21:53:55 Keith

使用這些濾波器漸變非常小心 - 在IE中有時會出現奇怪的副作用 – dmp

CSS漸變不是IE9可用，下面沒有微軟的腳本（如Keith所述）。

http://caniuse.com/#search=linear-gradient

而且你的CSS代碼專門使用Mozilla瀏覽器前綴，以便它只會在Firefox瀏覽器。

您可以使用「-webkit-」和「-o-」來定位Safari/Chrome和Opera瀏覽器（如CanIUse.com中所述），但我相信它們有不同的參數。

來源

2012-06-06 21:54:03 jmbertucci

IE不支持CSS漸變 - 即使在IE9中也不支持。

但是，有一個名爲CSS3Pie的JavaScript黑客可以爲你解決這個問題。

見http://www.css3pie.com/

添加這個腳本到您的網站，IE瀏覽器將能夠處理CSS梯度。

（css3pie也做其他東西，CSS太像圓角，但IE9支持他們了，所以這些黑客只適用於IE8及以下）

來源

2012-06-06 22:26:07 Spudley

我的CSS漸變不能在IE 9或以下版本中工作

回答

相關問題