在试图弄清楚浮动图像有什么问题之后，我注意到不透明似乎有一个奇怪的错误：
如果你有一个具有不透明度的元素，它只是“浮动”浮动图像，而不是采用预期的行为。由于我使用了border-bottom的标题，因此这些边框总是在上浮动图像。
使用 positon: relative手动设置z-index不起作用，因为我仍然需要浮动图像表现得像一个
答案 0 :(得分：0)
到目前为止我找到的唯一解决方案（如果其他人遇到此问题）是使用RGBA颜色而不是设置整体不透明度，即：
color: rgba(?, ?, ?, opacity)
border-color: rgba(?, ?, ?, opacity)
background-color: rgba(?, ?, ?, opacity)
但是有更轻松/更清洁的方式吗？它似乎更像是一个肮脏的黑客，而不是一个真正的解决方案，只是为了达到完全相同的结果！ （除了奇怪的z指数）。
编辑：我错了，position: relative; z-index: 2实际上即使与float一起使用也是如此。我仍然对更好的解决方案感到好奇，我认为这毕竟应该是开箱即用的。