2012-12-10 23 views
2

Twitter的引導2.2.0版指定.btn爲什麼Twitter Bootstrap在定義IE後立即禁用了漸變效果?

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

以下CSS規則爲什麼它禁用過濾器,它已被應用後,對不對?如果我看看IE7和IE9中的Bootstrap主頁,我可以看到這些按鈕上沒有漸變。爲什麼他們打擾定義一個漸變?

回答

0

Bootstrap現在使用Less而不是純CSS。我的猜測是他們正在使用mixin生成跨瀏覽器漸變,因此是第一行。

專有的filterborder-radius(僅支持兩者的IE9 +中只有一個問題)不能很好地發揮作用,所以它們禁用了那些瀏覽器中的過濾器,因此在第二行中被禁止。

+0

mixin由Bootstrap自己定義;我猜mixins可能是全包式的,所以它們可以在一般情況下用於跨瀏覽器,但IE8/9問題意味着它們需要在這種特定情況下刪除。 – Steve

+0

@Steve - 是的,這正是我所掌握的。他們大概認爲,只需要覆蓋通用混音,而不是創建一個不包含舊IE的新混音就簡單多了。 – CherryFlavourPez