背景重复不适用于手机

我的CSS和移动设备上的HTML没有问题。图像没有以任何方式显示 - 在Samsung Galaxy S3上测试过。我有这样的事情：背景重复不适用于手机

.wlLeft, .wlRight { 
    width: 50%; 
    float: left; 
    height: 100%; 
    z-index: -1; 
    position: relative; 
} 

.wlLeft { 
    background: url('../images/wlLeft.jpg') repeat; 
    background-size: auto 100%; 
    -webkit-background-size: auto 100%; 
    -moz-background-size: auto 100%; 
    -o-background-size: auto 100%; 
} 

.wlRight { 
    background: url('../images/wlRight.jpg') repeat; 
    background-size: auto 100%; 
    -webkit-background-size: auto 100%; 
    -moz-background-size: auto 100%; 
    -o-background-size: auto 100%; 
}

这里是HTML：

<div class="wlLeft"></div> 
<div class="wlRight"></div> 
<div class="one page"> 
    <div class="inner2 left3"> 
    <jdoc:include type="modules" name="przeszczep1" style="XHTML" /> 
    </div> 
    <div class="clr"></div> 
</div>

来源

2016-04-26 user3267302

您能为此创建一个小提琴吗？ –

当然，这里你去：https：//jsfiddle.net/ppy9o5oL/ – user3267302

如果这个想法是在后台对DIV重复，是不是最好的去除背景移动媒体查询大小？那么图像实际上会重复

来源

2016-04-26 13:11:55

是的，但它必须与图像，具有相同的背景大小的属性 – user3267302

https://jsfiddle.net/ove9bc56/那样？ –

背景重复不适用于手机

回答

相关问题