2016-04-26 16 views
0

私の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要素に繰り返すためのアイデアがある場合は

<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> 
+0

あなたはそれのためにフィドルを作成できますか? –

+0

確かに、ここに行く:https://jsfiddle.net/ppy9o5oL/ – user3267302

答えて

0

、背景を削除するのが最善ではありませんモバイル上のメディアクエリでサイズ?実際にイメージが繰り返されます

+0

はい、それは同じ背景サイズのプロパティを持つ画像で動作する必要があります – user3267302

+0

https://jsfiddle.net/ove9bc56/のような? –

関連する問題