如何在背景图像上放置一个CSS图库

时间:2012-12-04 14:01:29

标签: html css gallery background-image

我是HTML,CSS&合。目前我正在创建一个网站,我想创建一个小图库,其中包含两行(3 + 3)的6张图片。下面有一个背景图片。

我按照W3学校CSS Image Gallery上的说明进行操作,但图像位于彼此的顶部,而不是内联。

你有解决方法吗?

很遗憾,我不能在这里发布任何截图或代码,因为这是我的第一篇文章,而且我没有足够的声誉。

1 个答案:

答案 0 :(得分:0)

W3代码中内嵌图像的相关代码是CSS:float:left

如果您的所有图片都在同一个容器中(例如div),那么您需要使用clear:left打破浮动。请参阅此示例:http://jsfiddle.net/vJjgg/

否则,只有两个带有float:left内部图片的div,如下所示:http://jsfiddle.net/ug8Zt/