0

要素が非アクティブであることを示すパターンを重ねたいと思います。

li .inactive {
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQALTGgr+k8phYGAAAFSlChVXUdguAAAAAElFTkSuQmCC) repeat;
}

これはクロス パターンの透明な png です: ///// したがって、下のコンテンツは半透明になります。

問題は、子要素が内部にあるため、実際には背景画像で覆われていないことです。それらがカバーされているようです。白い部分がある画像では特に効果がありません。

そこで、親にはより高い z-index を使用し、子にはより低い z-index を使用してみました???

li .inactive {
     z-index: 9999;
}
li .inactive * {
     z-index: -1;
}

何か案は?

4

1 に答える 1

1

z-index は、配置された要素 (position:absolute、position:relative、または position:fixed) でのみ機能します。

要素をposition:relativeに設定してから、z-index

于 2013-09-28T20:45:09.890 に答える