如何将此图片标签转换为在div上使用CSS？

Question

我的形象标记看起来像：

<img src="/images/blah.gif" alt="blah" /> 

我想这个使用CSS只，我想这个工作，但图像是不可见的？

.blah 
{ 
    background-image: url('/images/blah.gif') center center no-repeat #fff;  
} 

有什么不对？

Answer 1

可能你的div没有内容，所以它不占用空间。

你需要给div你试图显示的图像的高度和宽度。

没有办法将div自动调整为图像的尺寸，就像img元素可以。

Answer 2

img标签不是div标签。请尝试以下

<div style="background-image: url(../pathto/test-background.gif); height: 200px; width: 400px; border: 1px solid black;"> 
Example of a DIV element with a background image 
</div> 

Answer 3

你需要一个div标签，所以：

<div class="blah"></div> 

现在你的CSS代码：

.blah 
{ 
background: url('/images/blah.gif') 0 0 no-repeat; 
//remember that if you have the image in a folder, the pat will start with: ../images 
}