2016-07-11 1 views

答えて

0

おもしろいのは、オブジェクトタグをコンテナ内にラップすることです。div。コンテナのactivexコンポーネントのサイズを設定し、コンテナpositionrelativeに設定します。

他のdivをアクティブなコンポーネントに置き換えて、positionabsoluteに設定します。これにより、コンテナの開始位置(アクティブxと同じように)に、topを0に設定して浮動/開始させることができます。divheightwidth100%をコンテナ全体に塗りつぶします。あなたのコンテナはあなたのactivexと同じ大きさなので、これはそれを隠すべきです。

#container { 
 
    position: relative; 
 
    height: 200px; 
 
    width: 200px; 
 
} 
 

 
#object { 
 
    height: 200px; /* emulate the objectx height */ 
 
    width: 200px; /* emulate the objectx width */ 
 
    background-color: yellow; 
 
} 
 

 
#overlay { 
 
    height: 100%; 
 
    width: 100%; 
 
    background-color: green; 
 
    position: absolute; 
 
    top: 0; 
 
}
<div id="container"> 
 
    <div id="object"></div> 
 
    <div id="overlay"></div> 
 
</div>

http://plnkr.co/edit/H405MbFN9a1wxzqXkYXz?p=preview

何が起こるか見て、それがどのように動作するかを学ぶためにPlunkerで遊んでみてください。

関連する問題