次のコードがあります: http://jsfiddle.net/Z92Qp/
ご覧のとおり、マウス ホバー時に表示される緑色の線は、右側が「斜め」になっています。 画像を見る
それはブラウザのバグですか?
前もって感謝します
次のコードがあります: http://jsfiddle.net/Z92Qp/
ご覧のとおり、マウス ホバー時に表示される緑色の線は、右側が「斜め」になっています。 画像を見る
それはブラウザのバグですか?
前もって感謝します
これは、ブラウザーが境界線のレンダリングを選択する方法のバグではありません。
私がモックアップしたこの例を参照してください。 http://jsfiddle.net/blowsie/Uss7X/
いいえ、国境はそのように設計されており、ここに見られるように途中で出会う
ねえ今、このように影をボックス化するために使用されます
li:hover {
box-shadow: 0 4px 0 0 #00FF00;
-webkit-box-shadow: 0 4px 0 0 #00FF00;
-moz-box-shadow: 0 4px 0 0 #00FF00;
}
CSS の境界線は、斜めの角で描画されます。
それ以外の場合、下と右に 2 つの異なる色 (たとえば青と赤) がある場合、角はどうなりますか? 全部赤にするか、全部青にするか。
これはよく知られており、CSS Trianglesを作成するために悪用されることさえあります