CSSにおけるzoom:1の役割
4448 ワード
IE 6、IE 7、IE 8ブラウザと互換性があり、常にいくつかの問題に遭遇し、zoom:1を使用して解決することができ、IEブラウザのhaslayoutをトリガしてieの下のフローティング、marginの重複などの問題を解決する役割を果たす.例えば、当駅はDIVを使って1行2列の表示をして、HTMLコード:
CSSコード:
赤を付けたところで、IE 6、IE 7、IE 8で効果が正常に表示されます.cssのzoomの役割1、ページのラベルが閉じているかどうかをチェックするこれを軽視しないでください.2日間も解決していないCSS BUGの問題を振り回したかもしれませんが、ここから来ただけです.結局、ページのテンプレートは一般的に開発によってネストされていますが、このような問題を犯しやすいです.ショートカット:Dreamweaverでファイルチェックを開くことができます.一般的には閉じたラベルがなく、黄色の背景がハイライトされます.
2、様式排除法複雑なページにN個の外部チェーンCSSファイルがロードされた場合、CSSファイルを一つずつ削除し、BUGがトリガした具体的なCSSファイルを見つけ、ロックの範囲を縮小する.
先ほどロックされた問題CSSスタイルファイルについては、特定のスタイル定義を行ごとに削除し、特定のトリガスタイル定義、さらには特定のトリガスタイル属性にナビゲートします.
3、モジュール確認法ページのHTML要素から出発することもあります.ページ内の異なるHTMLモジュールを削除し、問題をトリガーするHTMLモジュールを探します.
4、フローティングをクリアするかどうかをチェックするCSS BUGの問題は、フローティングをクリアしていないためです.フローティングをクリアする習慣を身につける必要があります.追加のHTMLラベルのないフローティングをクリアする方法をお勧めします(overflow:hidden;zoom:1のような方法でフローティングをクリアするのは、制限が多すぎます).
5、IEの下でhaslayoutの多くのIEの下で複雑なCSS BUGがIE特有のhaslayoutと密接に関係しているかどうかを確認する.haslayoutを熟知し理解することは、複雑なCSS BUGを処理するのに半分の効果があります.推荐阅读old 9翻译的《On having layout》(もし伟大なGFWを通り抜けることができないならば、青い上の転帖を読むことができます)ショートカットヒント:haslayoutをトリガーするならば、IEのデバッグツールIE Developer Toolbarの中の属性はhaslayout値が-1になることを表示します.
6、枠の背景のデバッグ法だから、エレメントに目立つ枠や背景(一般的に黒や赤)を設定してデバッグを行うのが不思議だ.この方法は最もよく使われるCSS BUGをデバッグする方法の一つであり,複雑なBUGに対しても適用される.経済的で環境にやさしい^^最後に強調したいのは、良い書く習慣を身につけて、余分なラベルを減らして、できるだけ意味を減らして、基準に合って、実は私たちのために多くの複雑なCSS BUGを減らすことができて、もっと多くの時は実は私たち自身が自分に面倒をかけました.あなたがBUGから離れて、生活がますます美しくなることを望んでいます.
<div class="h_mainbox">
<h2> </h2>
<ul class="mainlist">
<li><a href="#" style="color:#0000FF" target="_blank">CSS </a></li>
<li><a href="#" style="color:#0000FF" target="_blank"> < /a></li>
</ul>
</div> CSSコード:
.h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden} .h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;} .h_mainbox h2 span { float:right; font-weight:normal;} .h_mainbox ul { padding:6px 0px; background:#fff;} .mainlist { overflow:auto; zoom:1;} .h_mainbox li { width:268px; float:left; height:24px; overflow:hidden; background:url(../icon3.gif) 0 6px no-repeat; padding:0px 5px 0px 18px; line-height:200%;} 赤を付けたところで、IE 6、IE 7、IE 8で効果が正常に表示されます.cssのzoomの役割1、ページのラベルが閉じているかどうかをチェックするこれを軽視しないでください.2日間も解決していないCSS BUGの問題を振り回したかもしれませんが、ここから来ただけです.結局、ページのテンプレートは一般的に開発によってネストされていますが、このような問題を犯しやすいです.ショートカット:Dreamweaverでファイルチェックを開くことができます.一般的には閉じたラベルがなく、黄色の背景がハイライトされます.
2、様式排除法複雑なページにN個の外部チェーンCSSファイルがロードされた場合、CSSファイルを一つずつ削除し、BUGがトリガした具体的なCSSファイルを見つけ、ロックの範囲を縮小する.
先ほどロックされた問題CSSスタイルファイルについては、特定のスタイル定義を行ごとに削除し、特定のトリガスタイル定義、さらには特定のトリガスタイル属性にナビゲートします.
3、モジュール確認法ページのHTML要素から出発することもあります.ページ内の異なるHTMLモジュールを削除し、問題をトリガーするHTMLモジュールを探します.
4、フローティングをクリアするかどうかをチェックするCSS BUGの問題は、フローティングをクリアしていないためです.フローティングをクリアする習慣を身につける必要があります.追加のHTMLラベルのないフローティングをクリアする方法をお勧めします(overflow:hidden;zoom:1のような方法でフローティングをクリアするのは、制限が多すぎます).
5、IEの下でhaslayoutの多くのIEの下で複雑なCSS BUGがIE特有のhaslayoutと密接に関係しているかどうかを確認する.haslayoutを熟知し理解することは、複雑なCSS BUGを処理するのに半分の効果があります.推荐阅读old 9翻译的《On having layout》(もし伟大なGFWを通り抜けることができないならば、青い上の転帖を読むことができます)ショートカットヒント:haslayoutをトリガーするならば、IEのデバッグツールIE Developer Toolbarの中の属性はhaslayout値が-1になることを表示します.
6、枠の背景のデバッグ法だから、エレメントに目立つ枠や背景(一般的に黒や赤)を設定してデバッグを行うのが不思議だ.この方法は最もよく使われるCSS BUGをデバッグする方法の一つであり,複雑なBUGに対しても適用される.経済的で環境にやさしい^^最後に強調したいのは、良い書く習慣を身につけて、余分なラベルを減らして、できるだけ意味を減らして、基準に合って、実は私たちのために多くの複雑なCSS BUGを減らすことができて、もっと多くの時は実は私たち自身が自分に面倒をかけました.あなたがBUGから離れて、生活がますます美しくなることを望んでいます.