在试图弄清楚我的浮动图像有什么问题后，我注意到不透明度似乎有一个奇怪的错误：
如果您有一个不透明的元素，它只会“覆盖”浮动图像，而不是按照预期的行为。由于我使用了带有 border-bottom 的标题，因此这些边框总是被绘制在 浮动图像上。
使用positon: relative 手动设置z-index 是行不通的，因为我仍然需要浮动图像来表现得像一个人
【问题讨论】：
标签： html css css-float opacity
到目前为止，我发现的唯一解决方案（如果其他人遇到这种情况）是使用 RGBA 颜色而不是设置整体不透明度，即：
color: rgba(?, ?, ?, opacity)
border-color: rgba(?, ?, ?, opacity)
background-color: rgba(?, ?, ?, opacity)
但是有没有更简单/更清洁的方法？它似乎更像是一个肮脏的黑客而不是真正的解决方案，只是为了达到完全相同的结果！ （除了奇怪的 z-index）。
编辑：我错了，position: relative; z-index: 2 实际上即使与 float 也有效。不过，我仍然对更好的解决方案感到好奇，我认为这毕竟应该是开箱即用的。
【讨论】：