用CSS掩码

我有一个带有框的网页，并希望在框的边框上放置文本标签，并在下面隐藏边框。现在我这样做是这样的：用CSS掩码

http://www.esims.nl/test/aspnet/2016_11_stackoverflow/

我不知道是否有更好的方法，比如屏蔽或东西。因为我使用不同的div与背景图像，而不是CSS3。

更新：fieldset看起来正是我所要求的，但不幸的是它在IE11中使用圆角边界时效果不佳。除非有人知道这个问题有很好的解决方法，否则我不能使用fieldset，并会继续使用我自己的fieldset类似的解决方案（上面的例子）。

来源

2016-11-07 esims

那么什么是预期...你能更清楚地了解它吗 – Geeky

请添加你的标记和css也 – Geeky

预期的结果是我已经给出的例子。但我想知道如果我可以用CSS3边框半径，更少的div和更少的背景图像来做到这一点。 – esims

它简单地说，有一个HTML标记的那个叫字段集

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

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset

来源

2016-11-07 00:39:43

我不知道fieldset。不幸的是，它在IE11中使用圆形边框效果不佳。我已经看到了一些'解决方案'，例如[这里]（http://stackoverflow.com/questions/940191/rounded-corners-on-a-fieldset/17406564#17406564），但他们不隐藏边框或者在背景图片上隐藏纯白色背景的边框，就像我上面给出的例子。 – esims

回答

相关问题