html - 如何将 css 图片库放置在背景图片之上

Question

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

我遵循了 W3 学校的说明 CSS Image Gallery , 但图像位于彼此之上而不是内联。

你有什么解决办法吗？

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

Answer 1

W3的代码中内联图片的相关代码是CSS:float:left

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

否则，只需要两个带有 float:left 图像的 div，如下所示:http://jsfiddle.net/ug8Zt/