基本コンテナに画像をスライドさせようとしています。 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;
}
IEでは、オーバーフローに設定する高さまたは幅が必要です。正しく動作させるには、hiddenが正しく設定されていますか? –
コンテナのバックグラウンドがない場合は、コンテナのZ-インデックスをイメージより高くしてみてください。 –