Div背景图片不会显示在手机上

-1

我有一个背景图像集的div类。它显示在PC上的浏览器确定，但它不会显示在手机浏览器上的图像（我曾经尝试Android和iOS）Div背景图片不会显示在手机上

的HTML

<div class="wrapper"> 
    <div class="headerdiv"> 
     <?php include '../inc/header.php';?> 
    </div> 
    <div id="wherewhen"> 
     <div id="when"> 
     <span class="wherewhen">WHEN IS IT?</span><br /> 
     <span class="wherewhentext">9TH/10TH FEBUARY 2014</span> 
    </div> 
    <div id="where"> 
     <span class="wherewhen">WHERE IS IT?</span><br /> 
     <span class="wherewhentext">HOLIDAY INN, MILTON KEYNES, ENGLAND</span> 
    </div> 
    <div id="what"> 
     <span class="wherewhen">WHAT IS IT?</span> 
     </div> 
    <div id="info"> 
     <span class="wherewhentext"> 
     A BACK IN THE DAY STYLE CONVENTION 
     FOR DISENFRANCHISED ARTISTS AND TATTOO FANS FED UP 
     WITH TODAY'S COMMERCIAL CORPORATE EXPOS. 
     </span> 
    </div> 
    </div> 
    <div class="poster"> 
    </div>

的CSS

html, body{ 
margin:0; 
padding:0; 
width:100%; 
height:100%; 
overflow:auto; 
background:#000000; 
} 

.wrapper{ 
width:80em; 
margin: 0 auto 0 auto; 
background:#000000; 
overflow:hidden; 
} 

.poster{ 
float:left; 
margin:-900px 0 0 910px; 
width:370px; 
min-height:600px; 
background:#ffffff url('../images/siteimages/background.png'); 
} 

#wherewhen{ 
background:#392da3; 
width:600px; 
margin:20px 20px 0 295px; 
text-shadow: 2px -2px #000000; 

} 

#where{ 
float:left; 
text-align:center; 
width:20em; 
} 

#when{ 
float:right; 
text-align:center; 
width:15em; 
} 

#what{ 
width:20em; 
text-align:center; 
margin:0 auto 0 auto; 
} 

#info{ 
width:30em; 
margin:0 auto 0 auto; 
}

任何人都可以在这里提供援助？

谢谢...

来源

2013-06-18 Glen Rogers

一些现实生活中的代码可能。从那里很容易认为它脱离屏幕，但.. ..？ –

我现在编辑了我的问题............... –

太棒了，你应该得到一些帮助:) –

OKI，#poster背景可能是#wrapper与background-attachement:fixed。

从您的代码

品（#poster外#wrapper指定）

#wrapper { 
position:relative; 
z-index:1; 
/* your rules */ 
} 
#poster { 
position:fixed; 
z-index:0; 
top:0; 
left:0; 
/* your rules */ 
}

来源

2013-06-18 20:05:29

我尝试了您的建议，但仍然没有在移动浏览器中显示图片！他们只是用背景色显示div！ –

我的愚蠢的错误，我忘了调整我的形象！调整大小后，它的作品。 –

感谢您的帮助............... –

Div背景图片不会显示在手机上

回答

相关问题