Html 我如何制作“后面”的部分；“世卫组织”；消失在CSS中？

用代码最容易解释这一点：

我希望它是这样的

谁----------------

这条线完全“消失”在谁的后面

我知道我可以让h3有一个白色的背景，让它消失，但我的网站有一个背景图像，如果它再次被复制到谁后面，它会看起来不一致

---

您完全可以更改标记，但希望不会太多。

您可以尝试添加一个伪元素来代替-

试试这个。。

---

这将适用于所有浏览器

，这将是一个困难的问题，不更改标记。对不起，我应该澄清一下，如果您认为合适，请疯狂地更改标记。是否希望它与此建筑物类似：。虽然并非所有浏览器都支持

：after

伪元素，但它肯定是最干净的解决方案+1是的，只有IE8+支持，如果您需要旧版本，可以使用一些JS polyfills。

h3:after {
    content: ''; 
    width: 150px;
    height: 1px; 
    background: black;
    display: inline-block; 
    vertical-align: middle;   
}