2011-10-10 27 views
1

是否有可能具有<div style="border:1px solid red">元素(包含一些內容,無關緊要)以及該div之外的某個元素,該元素具有background:white屬性,並且重疊這個div至少有1個像素?所以div的邊界不會是理想的矩形形式,而是帶有「洞」? ,而且最好不要使用任何絕對定位。它適用於所有主流瀏覽器..?請給我只是一些想法,或者可能不會在所有有關div和其邊框上的洞的標記問題

+2

可以使用切緣陰性。 –

回答

3

工作,你可以使用負保證金:

<div style="border:1px solid red; background: blue;">Stuff 
    <div style="background: white; margin-left: -1px;"> Other Stuff</div> 
</div> 

http://jsfiddle.net/VzU8w/1/

如果該元素是border: red元素之外:

<div style="border:1px solid red; background: yellow;">Stuff</div> 
<div style="background: white; margin-top: -1px;">Other Stuff</div> 

http://jsfiddle.net/VzU8w/2/

0

如果你不使用絕對定位,使用浮動保證金