2011-01-20 20 views
1

基本コンテナに画像をスライドさせようとしています。 JavaScriptがページの読み込みに使用されています。オーバーフロー:IEで非表示になっていて境界線の下に画像が表示されない

コンテナdivにoverflow:hiddenを設定して、画像が実際にコンテナに当たるまで表示されないようにしました。

問題は、IEで枠がオーバーフロー:隠し、 に含まれているように見えないため、境界線を越えてスライドすると画像がひどく見えることです。とにかくこれの周りに? 私は他のブラウザで問題はありません。

私の元のコード:

#container{ 
border: 5px solid #3A3535; 
width: 960px; 
margin: 0 auto; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
padding: 10px 20px 0; 
background: #fff; 
overflow: hidden; 
position: relative; 
} 

UPDATE: 私はそれが仕事を得るために管理しました。私はdivにコンテナをラップし、 コンテナから境界線を削除し、境界線をラッパーに追加しました。なぜ私は正確にはわからないが、修正する。

#wrapper{ 
    width: 1000px; 
    position: relative; 
    margin: 40px auto; 
    border: 5px solid #3A3535; 
    -moz-border-radius: 16px; 
    -webkit-border-radius: 16px; 

    border-radius: 16px; 
} 
#container{ 
width: 960px; 
margin: 0 auto; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
padding: 10px 20px 0; 
background: #fff; 
overflow: hidden; 
position: relative; 
} 
+1

IEでは、オーバーフローに設定する高さまたは幅が必要です。正しく動作させるには、hiddenが正しく設定されていますか? –

+0

コンテナのバックグラウンドがない場合は、コンテナのZ-インデックスをイメージより高くしてみてください。 –

答えて

0
div.something { 
    width: 200px; 
    overflow: hidden; 
} 

オーバーフローを動作させるために幅または高さを設定してみてください。

+0

幅が設定されています。私はz-indexを使ってみましたが、うまくいきませんでした。 –

0

Divをこのように追加してみてください。

height:100% 
関連する問題