3

{min-width:100%} を IE7 で動作させる方法は? IE8+ およびその他のブラウザでは問題なく動作します。

ドロップダウンの幅がドロップダウン内の最長のテキストに依存するドロップダウン メニューを使用していますが、親のリンク幅よりも小さくはなりません。そこで、ドロップダウンに min-width:100% を追加しました。ただし、他のブラウザでは機能しますが、IE7 では機能しません。

どうすればそれを機能させることができますか？

デモはフォークしてそれで遊ぶためにここにあります。IE7でこれを確認して ください http://codepen.io/jitendravyas/pen/AheDs

4

5 に答える 5

5

これをチェックしてください私はあなたが探しているものとまったく同じだと思います。

于 2012-11-01T09:53:18.440 に答える
3

Modernizrを試してみてください。これにより、古い/互換性の低いブラウザで多くの問題を発生させることなく多くのことが可能になります。開発バージョンを試して、JavaScriptライブラリのサイズ（および速度）を最小化するために役立つかどうかを確認し、特定のニーズを対象とした独自の製品バージョンを作成してください。

Modernizrは、ユーザーのブラウザでHTML5およびCSS3の機能を検出するJavaScriptライブラリです。

于 2012-10-29T15:32:04.837 に答える
2

IE7は、このように他のブラウザのように機能しません。width親要素に明示的である必要があります。あなたの現在のコードはそれをwidthここに与えます：

.site-nav .flyout-content{
    border:1px solid #e4e4e3;
    /*  width:100%;*/
    height:100%;
    min-width:100%;
    *width:170px;  <-------------- THIS IS PICKED UP BY IE7
    box-shadow: 8px 6px 10px rgba(65, 65, 65, 0.45);
}

最も広い要素を知っている場合は、widthその数をより広い量に変更できます。これは、このフィドルが示すように「機能」します（注：CodePenの例はIE7モードでは機能しなかったため、コードをjsfiddleに移動しました。ネット）。ただし、この質問の解決策と同様に、IE7のJavaScriptの回避策を実装する方がよい場合があります（基本的には、あなたと同じことを求めていました）。

于 2012-10-26T14:46:35.080 に答える
1

CSS の互換性と Internet Explorer を確認してください。ドキュメント モードで開発者ツールを調べて、適切なドキュメント タイプがあり、おもちゃが Quirks モードでないことを確認します。

IE7とminWidthを確認してください

于 2012-10-24T05:18:44.127 に答える
1

ie9.js は min-width のサポートを追加すると主張しており、それをソースに追加してテストすることができます:

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

ie7.js プロジェクト (ie9.js を含む) の詳細については、http: //code.google.com/p/ie7-js/ を参照してください。

css3 pie などの他の JavaScript ライブラリは ie9.js では動作しないことに注意してください。

于 2012-10-31T04:07:21.267 に答える