html - HTML标题元素边框逐渐消失

我的h3元素遇到异常行为

我设置了以下样式和代码

.well h3 {
    border-bottom: 1px solid #E0E0E0;
    font-size: 22.5px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 11px;
}

<div class="well">
    <h3>Login</h3>
    ...
</div>

<div class="well">
    <h3>Atividade recente</h3>
    ...
</div>

<div class="well">
    <h3>Clans associados</h3>
    ...
</div>

正如您在下面的屏幕快照中看到的那样，每个元素的边框都以不同的颜色绘制（不透明？）。第三个几乎看不见。我已经使用Firebug进行了检查，并且样式始终如上述一样正确。

我想念什么？

Opera下一个屏幕截图

火狐浏览器

最佳答案

您已经创建了错觉！

如果将图像放入照片编辑器并选择颜色，您会发现边界变化的不是边界，而是背景变化的边界。

最上层元素的背景颜色从#BCBCBC开始，与边框的#E0E0E0颜色明显不同。但是底部元素的背景是#E4E4E4
与#E0E0E0没有明显区别。

如果将元素的背景色更改为纯色并与#E0E0E0形成对比，您会发现边框工作正常。

关于html - HTML标题元素边框逐渐消失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18819002/

H3

html - HTML标题元素边框逐渐消失