css - 我的网站在 Chrome 和 IE 中显示不同的内容

Question

我创建了一个网站，在首页上有一个图像滑块。你可以在这里看到它，http://www.ikuben.no/。

在 Chrome 中，它工作正常

在 IE 中，我得到了这个

这是我使用的 CSS，

.flex-caption {
    width:50%; 
    padding:0; 
    overflow:hidden; 
    margin: 0; 
    position: absolute; 
    left:49%; 
    top:20%; 
    background:none; 
    color: #fff; 
    font-size: 15px; 
    line-height:20px; 
    font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif; 
    font-weight:normal;
}
.flex-caption span {
    font-size:30px; 
    line-height:30px; 
    font-weight:bold; 
    font-family:'helvetica_neuebold', Arial, Tahoma, sans-serif;
}

我确实在 6 种不同的浏览器中测试了该网站，Chrome、Opera、Firefox、Windows 版 Safari、SeaMonkey 和 IE。我只在 IE 中得到这个结果。

有任何想法吗？？瑞马丁斯

Answer 1

刚刚注意到您添加：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)

在 .flex-caption css 上。介意您删除它以查看是否有问题吗？泰