2012-10-30 74 views
0

有時候,我打開我的網頁,iPad已經證明它是正確的。主要是當我重新加載頁面。這個問題也在safari中。我創建了一個jsFiddle向你展示我是如何做到的。有關ipad的css有時不應該如何它應該是

<a href="#">   
    <div class="item">     
    <div class="text">Text1</div>   
    <div class="text2"><b>Text2</b></div>   
    <img class="logo" src="http://dummyimage.com/100x50/09f/fff.png" alt="logo"width="100"> 
    <div class="balken2">Text3</div> 
    </div> 
</a> 

在Firefox其所有權,文本3條在一端和另一2這是動態的,而不是每次您see.on的ipad它同樣大小有時顯示像這樣的圖像後中心http://www.imagebanana.com/view/ynvggcu8/ipad.jpg。我怎樣才能解決這個問題?謝謝你的幫助!

+0

你確定你的Ipad上有網絡連接嗎?意思是你的wifi連接穩定?看起來像Ipad丟失連接,圖像未加載。 – Mark

+0

這張照片來自safari。我有互聯網連接,文字3酒吧也不對。我希望他們每次最後:( – user1010775

回答

1

工作小提琴:http://jsfiddle.net/parkerwyoung/PkCPR/9/

將這個上.item

position: relative; 

將這個上.balken2

position: absolute; 
bottom: 0; 
width: 150px; 
padding-right: 0; 
padding-left: 0; 

問題是當圖像不加載,該.balken2類無關在佈局中引導。這段代碼定位它,所以它不必依賴於那裏的圖像。希望這可以幫助!

+0

如果我在我的版本中建立它,我得到它在「項目」分的末尾:( – user1010775

+0

你看看我的小提琴鏈接的評論?我刪除了圖像來模擬你的問題,當圖像沒有加載時,你需要替換你的版本上的圖像,使其正常工作。 –

+1

我的錯,得到它!謝謝! – user1010775