背景重複不適用於手機

我的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/那樣？ –

背景重複不適用於手機

回答

相關問題