2012-07-03 93 views
0

我正在使用一些引導組件,特別是按鈕組。我希望能夠將漸變添加到IE中。當我在IE8中查看它時,它會降級到一個堅實的背景。我試圖爲IE設置樣式IE中的Bootstrap css

現在.btn類正在使用此設置爲背景漸變着色。

background-color: #F5F5F5; 
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); 

這裏是我加入了IE瀏覽器,但它似乎並沒有做任何事情。

.btn{ 
background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0); 
} 
+1

你有一個可以提供的實例/測試案例嗎? –

回答

0

您可以隨時嘗試覆蓋透明png,但請注意,它在IE6中不起作用。

+0

是的,我不想使用PNG文件。我認爲過濾器適用於IE? – Chapsterj

0

儘管您可以使用過濾器,但如果存在堅實的背景,IE將使用該過濾器。 (確切地說不是,而是效果是相同的)

因此,請嘗試刪除背景顏色,看看是否有效。

1

在手冊中偷看時,colorstrseem to expect AARRGGBB notation.參數

顏色在#AARRGGBB格式,其中AA是alpha十六進制值表示,RR是紅色的十六進制值,GG是綠色的十六進制值,並且BB是藍色的十六進制值。 alpha值控制對象的不透明度。 00的alpha值是透明的,而FF的值是不透明的。

所以儘量

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', 
endColorstr='#ffe6e6e6',GradientType=0); 
0

好這個問題是我第一次加載IE樣式和背景色在bootstrap.css被覆蓋它。感謝大家的所有建議。