Question

我发现下面的CSS在桌面环境中按预期工作，但在iOS移动环境中，图像不会在后台加载。

我听说修复在iOS环境中可能无法使用，但我还测试了滚动 - 以及多种图像尺寸。

提前致谢

.intro {
    display: table;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    text-align: center;
    background-color: #fff;
    background: url(http://ak-hdl.buzzfed.com/static/enhanced/web03/2011/11/11/16/enhanced-buzz-22138-1321048705-11.jpg);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

Answer 1

有几个问题：

固定，并且无法加载背景图片。
我发现（与caniuse.com相反）背景速记并不适用于所有浏览器。

工作代码：

.intro {
display: table;
width: 100%;
height: 100%;
padding: 100px 0;
text-align: center;
background-color: #fff;
background-image: url(http://ak-hdl.buzzfed.com/static/enhanced/web03/2011/11/11/16/enhanced-buzz-22138-1321048705-11.jpg);
background-position: center;
background-attachment: scroll;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

CSS背景网址在桌面上无法在iOS（Chrome和Safari）中正常使用

1 个答案: