ie6上没有显示的标题背景图片

我注意到我的标题的背景图片在ie6上完全没有显示。见http://goo.gl/YbW2xb ie6上没有显示的标题背景图片

不想让我的网站看起来完美的ie6，但有没有一个快速解决这个问题？

非常感谢，

CSS：

header { 
position: relative; 
    width: 100%; 
    height: 600px; 
    margin-right: auto; 
    margin-left: auto; 
    background-size: 100% 100%, cover; 
    background-color: rgb(222, 222, 222); 
} 

.wrapper-3 header { 
    background-image: -webkit-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image: -moz-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -o-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -ms-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:   linear-gradient(359deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-position: 0% 0%, center center; 
    opacity: 0.95; 
}

HTML

<div class="wrapper wrapper-3 clearfix"> 
    <header class="clearfix"> 
</header> 
</div>

来源

2014-06-30 Greg

为IE6浏览器写一个条件语句。 –

尝试。用这个替换你的css。 add

.wrapper-3 header { 
    background-image:url('../images/.jpg'); /*add this for IE*/ 

    background-image: -webkit-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image: -moz-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -o-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -ms-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:   linear-gradient(359deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-position: 0% 0%, center center; 
    opacity: 0.95; 
}

来源

2014-06-30 12:36:57 Amit

由于IE 6不支持多个背景，所以简单的回退应该起作用？

您有没有文件名称为您的图像，不知道这是有意！

.wrapper-3 header { 
    background-image: url('../images/.jpg'); /* fallback */ 
    background-image: -webkit-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image: -moz-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -o-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:  -ms-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-image:   linear-gradient(359deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg'); 
    background-position: 0% 0%, center center; 
    opacity: 0.95; 
}

来源

2014-06-30 12:38:37

ie6上没有显示的标题背景图片

回答

相关问题