将图片放置为div背景

问题描述：

如何仅将图片放在div中作为背景图片，并向其添加网址链接。 Currenty我做这样说：将图片放置为div背景

<div class="image"><a href="example.com"><img src="books.png" alt="Test" /></a></div>

我想这样做以下，但其没有工作（图像不会出现）。

<div class="image"><a href="example.com"><span class="books"></span></a></div>

谢谢。

你用什么CSS为你的图像和书籍课程？ – 2011-01-12 19:36:49

答

如果您希望它可点击，请将背景图片放置在<a>标记中。

你的CSS：

.image a { display: block; 
    background: url('image.jpg') no-repeat; 
    height: 50px; /* obviously use the same dimensions as your image */ 
    width: 50px; /* obviously use the same dimensions as your image */ 
} 


<div class="image"><a href="example.com">&nbsp;</a></div>

或更好，但摆脱的div完全，只是直接套用image类为：

<a class="image" href="example.com">&nbsp;</a>

答

这很可能是因为div是空的。尝试是这样的：

<div class="image"><a href="example.com"><span class="books">&nbsp;</span></a></div>

如果它仍然没有显示，设置“图像”类有一个背景颜色太多，所以你可以看到在div有多大“认为”它是。

答

如果你想要一个图像在后台，你需要设置样式属性“z-index：-1”，这样，图像将位于同一内容div中其他元素的后面

答

是否必须是一个DIV？

我写的风格在里面可以在CSS文件中使用它

<a class="image" style="display:block; width: (image-width); height: (image-height); background: url(image-link)"></a>

这将工作...

你可以，如果你需要的div使用这样..

<div class="image" style="width: (image-width); height: (image-height); background: url(image-link)"><a href="" style="display:block;"></a></div>

将图片放置为div背景

相关推荐