2014-10-18 98 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