0

背景の無地と透明な境界線を持つ div があります。

IE8+ と Chrome では、透明な境界線は下にある背景色を示します。ただし、IE7 では境界線は透明です。境界線の後ろに背景は表示されません。

IE7 で IE8+、Chrome、および「最新の」ブラウザのように境界線を表示するにはどうすればよいですか?

これが私のHTMLとCSSです（http://jsfiddle.net/hG82h/1/で動作することを確認してください）：

HTML:

<html>
<body>
    <div id="div1"></div>
    <div id="div2"></div>    
</body>
</html>​

CSS:

div {
    width: 200px;
    height: 20px;
    background-color: #AAA;
}
#div1 {
    border: 10px solid transparent;
}
#div2 {
    border: 10px solid #666;
}​
4

1 に答える 1

1

この例paddingのように、代わりにプロパティを使用してみてください。

ただし、IE、Chrome、Mozillaのボックスモデルの違いに言及してください。これを読んで使用することをお勧めします。そうしないと、結果はブラウザによって異なります。

于 2012-05-16T16:04:38.427 に答える