0

現在、ページ上部の検索バーとして機能する固定divがあり、次に、マウスを合わせると不透明度が変わる映画ポスターのコンテナdivにタイルのようなdivがあります。ただし、これらの映画ポスターdivの1つが検索バーdivによって部分的に非表示になっている場合、次のように検索バーdivの上に表示されます。

ここに画像の説明を入力してください

これを防ぐ方法はありますが、表示されている部分の不透明度を変更したままにしますか？

.poster
{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding: 2px;
    cursor: pointer;

    opacity: 1;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}

.poster:hover
{
    opacity: 0.65;
}

灰色のバーのdivと入力ボックスのdivには、ページと一緒にスクロールしないようにするためのものがあります。

position: fixed;
4

1 に答える 1

1

z-indexプロパティを使用して、1つのdivを他のdivの上に設定できます。大きい方のz-index番号は、小さい方のz-index番号の上に表示されます。

于 2012-07-21T05:07:34.860 に答える