私のウェブサイトの右側に「下へ」ボタンがあり、下の折り畳み領域にスムーズにスクロールします。しかし、小さな窓では、ネットブック、ipadsなど - ボタンは、コンテンツの後ろにプッシュされます。どのようにして、そのimage/divのz-indexを適切に設定すれば、小さい画面での表示がコンテンツの上に表示されるのですか?Z-インデックストップを設定する
1
A
答えて
1
zインデックスが高いほど、div/imgは残りの部分の前に多くなります。ボタンが残りの部分の前にあることを確認したい場合は、9999を使用してください。
2
z-インデックスは、その背後にあるDOMオブジェクトのz-インデックスよりも高くなければなりません。さらに、枢機卿は相対的(位置:相対;)として設定する必要があります。デフォルトでは、すべてのDOMオブジェクトのzインデックスは0です。
1
他のコメントは正しいですが、ボタンのZ-インデックスは他のコンテンツよりも高い必要があります。以下は例です。
<body>
<style type="text/css>
.content
{
position:relative;
z-index:1;
}
.button
{
position:relative;
z-index:10;
}
</style>
<div class="content">
Content
</div>
<a class="button">
Button
</a>
</body>
少なくともいくつかの例、感謝します。 –