用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

回答

相關問題