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

时间:2013-01-30 10:37:52

标签: css internet-explorer google-chrome

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

在Chrome中,它可以正常使用enter image description here

在IE中,我得到了这个enter image description here

这是我使用的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,Safari for Windows,SeaMonkey和IE。我只在IE中得到这个结果。

任何想法? 瑞·马丁斯

1 个答案:

答案 0 :(得分:0)

刚刚注意到你添加:

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

在.flex-caption css上。介意如果你删除它,看看它的问题是什么? TY