2011-12-20 5 views
1

私のウェブサイトの右側に「下へ」ボタンがあり、下の折り畳み領域にスムーズにスクロールします。しかし、小さな窓では、ネットブック、ipadsなど - ボタンは、コンテンツの後ろにプッシュされます。どのようにして、そのimage/divのz-indexを適切に設定すれば、小さい画面での表示がコンテンツの上に表示されるのですか?Z-インデックストップを設定する

答えて

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> 
+0

少なくともいくつかの例、感謝します。 –