1

純粋なcssでコンボボックスのスタイルを設定し、チュートリアルを見つけてコンボボックスを作成しようとしています.ChromeとFirefoxで正常に動作します.

私が作成したスタイルをご覧ください。

http://jsfiddle.net/SnU3d/1

label
{
    position:relative;
    z-index:9999;
}


label:after 
{
    content:'?';
    font:11px "Consolas", monospace;
    color:#009FDF;
    font-size:120%;
    pointer-events:none;
    background: #fff;
    border:1px solid #999;
    width:30px;
    height:24px;
    margin-bottom:2px;
    position:absolute;
    border-left:0px;
    right:-1px;
    z-index:99;
}

これに関する他のチュートリアルを見つけました。IE7/IE8 の z-index の問題。ここにリンクの説明を入力してください。

そのため、親ラベルの zindex をより高い値に設定しましたが、それでも IE8 では after 疑似要素が表示されません。なぜ ？アフターコンテンツを表示するにはどうすればよいですか。

4

1 に答える 1

0

:after疑似要素は、それを適用する要素の子を作成し ( ) Label、親に割り当てる z-index 値 ( label) は、その値が何であれ、その要素内に新しいスタッキング コンテキストを作成するため、最終的にはlabelスタッキング コンテキストのレベル 9999 にある親要素 ( ) とlabel:after、独自のスタッキング コンテキストのレベル 99 にある子要素 ( ) で、親 ( label) は常に背景 (下) になります。

于 2014-06-12T11:42:54.273 に答える