2014-10-18 62 views
0

我在我的標記中有一個span標記,用於顯示進度指示器。這裏是我的代碼<span>可以有寬度和高度嗎?

<span id="load">In Progress...</span>

#load{ 
/*display: none;*/ 
text-indent: -9999px; 
position: absolute; 
right: 10px; 
top: 10px; 
/*width: 45px; 
height: 15px;*/ 
background: url(images/loader.gif);} 

在上述情況下,我沒有看到我的形象,當我取消的寬度和高度 圖像顯示了多數民衆贊成罰款。但由於跨度是內聯在這裏,我沒有將它指定爲行內塊或塊在我的CSS它是如何取決於寬度和高度?

+0

什麼尺寸是你的GIF文件? – BenM 2014-10-18 15:51:45

+3

絕對定位的元素被視爲塊。 – 2014-10-18 15:52:10

+0

嘗試設置'background-position'和'background-size',我也會將'#load'改爲一個類,儘量保持ID到頂層元素。 – 2014-10-18 15:53:49

回答

0

您可以刪除text-indent: -9999px;並設置跨度標籤的寬度和高度。

http://jsfiddle.net/wrm8g0gk/

#load{ 
position: absolute; 
right: 10px; 
top: 10px; 
background: url(http://www.xiconeditor.com/image/icons/loading.gif) no-repeat; 
height: 55px; 
} 
+0

這是我的問題,我想知道'span'是不是'寬度'和'高度',當它不應該是一個內聯元素。有人說這是因爲我的定位,但刪除了絕對位置並添加了浮動作品!怎麼樣? – prazor9 2014-10-19 03:46:09

+0

@pramodh 是一個內聯元素,但您使用和ID選擇器將寬度和高度分配給跨度。 – GibboK 2014-10-19 09:08:05

相關問題