DIV和CSS問題

我有一個的div和div有一個img標籤，但圖像沒有在DIVDIV和CSS問題

這裏顯示是我的代碼

<div id="infscr-loading" > 
<img src="http://jquerystyle.com/-/img/ajaxLoader.gif" alt="Loading..."> 
<div> 
<em>Loading the next set of posts...</em> 
</div> 
</div> 

<style type="text/css"> 
#infscr-loading { 
background: -moz-linear-gradient(center top , #747D84 0%, #434F56 100%) repeat scroll 0 0 transparent; 
border-top-left-radius: 5px; 
border-top-right-radius: 5px; 
bottom: 0; 
font-size: 0.8em; 
font-style: normal; 
font-weight: normal; 
height: 50px; 
left: 50%; 
margin-left: -45px; 
padding-top: 20px; 
position: fixed; 
text-align: center; 
text-indent: -999em; 
width: 90px; 
background-repeat:no-repeat; 
background-position: center center; 
} 
</style>

，這裏是我的div和樣式表。爲什麼圖像不在div內顯示。任何人都可以指出.....感謝

來源

2011-12-20 Keith Costa

嘗試從你的CSS刪除text-indent: -999em;

負文本縮進隱藏所有文字/圖片和其他內嵌的內容-999em從視圖。

來源

2011-12-20 12:45:47

...天才！大聲笑。 – 2011-12-20 12:50:39

-2

檢查網址http://jquerystyle.com/-/img/ajaxLoader.gif
接近<img src="http://jquerystyle.com/-/img/ajaxLoader.gif" alt="Loading..."/>

更新前應該有斜線：

我發現，因爲text-indent: -999em;。如果您刪除它，圖像將會出現。

來源

2011-12-20 12:45:46 hungneox

你可能已經檢查自己，看看它的工作原理。並且，不需要在IMG標籤中不需要斜線，也不需要指定文檔類型，因此根據HTML5規範，在HTML 5中不需要結束斜線。所以，在兩種情況下都是錯的，-1。 – 2011-12-20 12:50:00

@Truth對不起，我想在檢查他的html時發表一些評論 – hungneox 2011-12-20 12:51:14

@真正的每個人都在堆棧溢出是如此之快:)） – hungneox 2011-12-20 12:57:25

根據您的文檔類型，嘗試正確關閉圖像標籤。

<img src="http://jquerystyle.com/-/img/ajaxLoader.gif" alt="Loading..." />

此外，雖然這可能與您的問題沒有任何關係，但您可以顯着清理自己的風格。您不需要背景位置並重復，那些可以直接合併到您的速記屬性中。這兩個邊界半徑屬性也可以合併爲一個簡寫。

來源

2011-12-20 12:46:23 Nix

我想知道爲什麼這會得到提升。這絕不是解決問題的辦法。 – 2011-12-20 12:52:31

它實際上得到了兩次投票。 – 2011-12-20 15:39:31

您的text-indent: -999em;正在將所有文字（包括圖像）移出屏幕。

來源

2011-12-20 12:46:51

margin-left: -45px;和text-indent: -999em;肯定會導致這個問題

來源

2011-12-20 12:47:08 AndroidHustle

'margin-left：-45px;'with'left：50％;'在屏幕中央放置一個寬度爲90px的元素。 – 2011-12-20 12:48:25

@TomvanderWoerdt你是對的，我沒有注意到這一點。 – AndroidHustle 2011-12-20 12:49:59

回答

相關問題