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背景圖片不會顯示在手機上

回答

相關問題