本部ホバリングを介して別の事業部 - 高さ/幅

Question

私はコンテンツの完全な別のdivの上で1つのdivホバリングを持ってしようとしています。これは、position：absoluteとz-indexを使用して行うことができます。問題は、ホバリングdivをコンテンツの完全なdivの同じ高さと幅にすることです。

私は100％の高さと幅を試してみたが、私は書いてから：

<div class=hover></div><div id=content>FULL OF CONTENT</div> 

をホバーのdivはコンテンツのdivの高さと幅が何であるかを認識しません。

提案がありますか？

Answer 1

ホバリングのdivに内の他のdiv入れ：ホバーのdivはコンテンツだけ上かもしれ

/* CSS */ 
#content { 
    position: relative; 
} 
.hover { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
} 

<div id="content"> 
    Content goes here. 
    <div class="hover"> 
    </div> 
</div> 

を。外側のdivに境界線やマージンを設定すると、ホバーのdivはそれをカバーしません。私は内側にhoverdivを入れてみてくださいでした原因、外側のdivに相対：