Question

我使用下面给出的CSS来修复身体的背景图像。

 body { 
     font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(../images/main-bg.jpg);
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;   
    margin: 0; 
    padding: 0;
}

它在所有其他浏览器上工作正常但在IE中如果我按cntrl +滚动图像将重复我怎样才能解决这个问题？

Answer 1

我用：

body { 
    background-color: #963F23;
    background-image: url('/docs/background/bgtheme/bg.jpg'); 
    background-position: center top;
    background-attachment: fixed;
}

Answer 2

试试这个：

body {  
     font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    background:url(../images/main-bg.jpg) fixed; 
    -webkit-background-size: cover;  
    -moz-background-size: cover;  
    -o-background-size: cover;  
    background-size: cover;   
    margin: 0;  
    padding: 0; 
}

我们可以在IE上修复背景图像吗？

2 个答案: