Question

我的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>

Answer 1

如果想要在div上重复背景，那么最好不要在移动设备上使用媒体查询删除背景尺寸吗？那么图像实际上会重复

背景重复不在移动设备上工作

1 个答案: