1

前/後を使用して、タグの下にレイヤーを追加する必要があります。しかし、Opera ブラウザーでは、疑似要素に関連付けられているパディング プロパティの計算が間違っていますbutton::after(他のタグを使用するとうまくいきます)。もっと大きな値を設定した場合にのみ、増加し始めます。

例http://jsfiddle.net/c8756/ (Opera で見てから他のブラウザで見てください)

ボタンと ::after 要素の両方にさまざまな値を設定しようとしましdisplayたが、とにかく機能しません。

HTML に触れずに Opera のバグを修正する方法はありますか?

ありがとう

4

1 に答える 1

1

http://codepen.io/morewry/pen/rJmCgを参照してください。display、 、および を削除しwidth、 およびheightを追加rightしbottomます。

a::after,
button::after {
    content:"";
    padding:6px;
    position:absolute;
    left:-6px; top:-6px; right: -6px; bottom: -6px;
    z-index:-1;
}

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/としてのテクニック

置き換えられた要素 (ほとんどのフォーム要素を含む)、br、hr、および img は、::before および ::after とうまく機能しないことに注意してください。

于 2012-12-05T20:44:18.507 に答える