使用 CSS 遮罩答案

【问题标题】：Masking with CSS使用 CSS 遮罩
【发布时间】：2016-11-19 03:29:18
【问题描述】：

我有一个带有框的网页，想在框的边框上放置一个文本标签，并将边框隐藏在下面。现在我正在这样做：

我想知道是否有更好的方法，比如遮罩之类的。因为我使用不同的 div 和背景图片，而不是 CSS3。

更新：字段集似乎正是我所要求的，但不幸的是，它在带有圆角边框的 IE11 中效果不佳。除非有人知道如何解决这个问题，否则我无法使用该字段集，并将继续使用我自己的类似字段集的解决方案（上面的示例）。

【问题讨论】：

标签： html css

【解决方案1】：

很简单，有一个名为 fieldset

的 HTML 标签

<div class="wrapper">
  <fieldset>
  <legend>Label of the box:</legend>
    Content
  </fieldset>
</div>

【讨论】：

我不知道字段集。不幸的是，它在带有圆形边框的 IE11 中效果不佳。我已经看到了一些“解决方案”，例如here，但它们没有隐藏图例下方的边框，或者隐藏带有纯白色背景的边框，这不适合背景图像，例如我的示例上面给出了。