Css和html在中间集成了8个图像和徽标

Question

我已经有了一段css / html代码，它显示了4个图像，每行2个，2行，并且它们中间都有徽标。 现在我需要以相同的格式在前4个正下方添加另一组4个图像，中间有相同的徽标 每张图片都添加了一些文字，其中包含一个链接，当在图像上方移动时可见。 我一直试图完成它但却无法成功。想知道你是否愿意帮助我。 我的代码在这里 jsfiddle.net/Cristian_C/b9961995/1 /

谢谢

我不知道如何在此处添加链接代码

Answer 1

我不完全确定您为什么要将内联样式与样式表混合使用，但您应该（通常）避免使用它，因为它会使您的CSS成为一场噩梦（分离也会使DOM更多也适合你。）

由于代码臃肿，我不确定你的标记中是否有重要的样式;但是，使用z-index，float和clear可以轻松实现您的目标。

查看我的demo fiddle。