2012-09-22 114 views
-2

我有這個網站在IE中的一個問題:http://www.coachjoelleinc.com/CSS樣式忽略了即

在其他所有瀏覽器右上角的JS肩給了我正確的風格水鴨色的按鈕。在IE 9中,按鈕變爲黑白。有任何想法嗎?我很想知道在未來的項目中是否有什麼可以做的計劃。

+2

請嘗試在jsfiddle中重新創建問題。在那裏只使用相關的代碼。也許你甚至可以自己解決問題。否則它會幫助我們幫助你。此外,將代碼直接放在您的帖子中,以便將來遇到同樣問題的人可能會在右手邊獲得解決方案。 – HerrSerker

+0

當你在你的網站上解決這個問題時,這個問題會有多大用處? – Pavlo

回答

2

這是因爲你要添加使用Mozilla的前綴,這是不被IE理解梯度:

-moz-linear-gradient(#6BA4B4, #26687B); 

因此,IE會依傍,也正因爲相同的CSS類(定義background-color:black;。重量旋轉器.thumbnails利,.wt旋轉器.play-BTN,.wt旋轉器.prev-BTN,.wt旋轉器的.next-BTN)

嘗試設置這個代替(如所描述的here):

.wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn { 
    background: -moz-linear-gradient(#6BA4B4, #26687B); 
    background: -webkit-linear-gradient(#6BA4B4, #26687B); 
    background: -o-linear-gradient(#6BA4B4, #26687B); 
    background: -ms-linear-gradient(#6BA4B4, #26687B); 
    background: linear-gradient(#6BA4B4, #26687B); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6BA4B4', endColorstr='#26687B'); 
} 
+0

謝謝Henrik。這工作就像一個魅力!我甚至在「當前」狀態下使用了反向顏色,就像魅力一樣。再次感謝! – neillmcshea