ホームページ >ウェブフロントエンド >CSSチュートリアル >IE6 および IE7 で「overflow: hidden」が「position:relative」では動作しないのはなぜですか?
IE6 および IE7 で「overflow: hidden」が「position:relative」では動作しないのはなぜですか?
- DDDオリジナル
- 2024-11-02 14:06:03464ブラウズ
IE6 および IE7 でのオーバーフロー: 非表示および位置: 相対的な CSS 問題の解決
Internet Explorer 6 および 7 でオーバーフロー: 非表示と位置に関連する CSS 問題が発生した場合:relative では、意図した機能を妨げる特定の原因が存在することがよくあります。
提供されたコード スニペットでは、問題は ul 要素に適用されるposition:relativeプロパティに起因する可能性があります。このプロパティはスライダーの機能に不可欠ですが、item-list div の overflow: hidden プロパティを誤って中断してしまいます。
これを解決するには、次のように、body 要素を基準にしてposition: を追加します。以下の修正されたコード:
<code class="html"><body>
<div style="position:relative;"> <!-- New div with position:relative -->
<div class="column-1">
<div class="item-list clearfix">
<!-- Rest of the code remains the same --></code>
この追加により、position:相対的な新しいコンテナが作成され、ul 要素の位置が効果的に分離され、item-list div の overflow:hidden プロパティが期待どおりに動作できるようになります。その結果、非アクティブなスライドは正常に非表示になります。
以上がIE6 および IE7 で「overflow: hidden」が「position:relative」では動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。