2012-01-09 16 views
0

私はロールオーバー画像をいくつか持たせるために、画像上にz-インデックスを設定しなければならないワードプレスサイトを持っています。しかし、私はこれが内部にあるはずのコンテナはそれらと一緒には伸びないと考えています。コンテナに入れたテキストは、イメージの後に入力しても常にイメージの上に表示されます。コンテナが画像で伸びていない

問題のページには、ここで見つけることができます:http://mysterybox.co/creatives/

は、ここで問題のスクリーンキャプチャです:

enter image description here

誰も私がイメージを超えてブラックボックスを延ばすことができますか?

+0

http://www.webtoolkit.info/css-clearfix.html – AlienWebguy

答えて

1

CSSの.post.pageクラスにはoverflow: hidden;を付けてください。それがエラーを修正します。

すなわち

UPDATE

.post.page { 
    background-color: rgba(0, 0, 0, 0.80); 
    padding: 20px; 
    margin: 0 0 100px; 
    overflow: hidden; // this is the new addition 
} 

私はクロームインスペクタを使用して変更をテストし、それはあなたが中央に持っている画像/アニメーションを超えて拡張することにより、正常に動作します。

+0

ちょうどイメージを隠すように見えました:http://mysterybox.co/creatives/ – olliejudge

関連する問題