如何隱藏一個CSS邊界的一部分很好

Question

我正在爲iPhone做一個web應用程序，我遇到了一些邊界問題。 爲了簡化我對身體的背景圖像，一個帶有圓角的盒子，裏面有一些元素和一個標題，這就是問題開始的地方，因爲我希望我的標題位於我的盒子的頂部邊框上，而沒有邊框它。

這裏是一個截圖： 我看不到任何解決方案來正確渲染它，你們有些人有任何猜測？ 它會非常讚賞

Answer 1

據我所知，它看起來像你應該使用fieldset元素（因爲你是「分組」的形式元素結合在一起），這方便也期待你想要的方式：

<fieldset> 
    <legend>Promoter</legend> 
    <select> 
     <option>Choose a promoter</option> 
    </select> 
</fieldset> 

造型很簡單。對齊legend文字，樣式的fieldset邊框採用CSS：

fieldset { 
    border: 1px solid black; 
    border-radius: 5px; 
} 
legend { 
    text-align: center; 
} 

對於一個活生生的例子，看到this jsFiddle demo。

Answer 2

不確定是否有簡單的基於純CSS的解決方案。

有些實現你想要的方法是讓文字上浮動text shadow，使用與背景的一般顏色混合的顏色。您可以調整這些值，使邊框（至少大部分）會在文本後面消失。這當然也會消除背景圖像，用陰影的顏色代替它，但無論如何它看起來都很不錯。 （爲文本提供更牢固的背景也會更容易閱讀）。