2012-09-22 202 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