互換性問題の整理(二)

1779 ワード

互換性問題の整理(二)
1.ハイパーリンクアクセス後にhoverスタイルが発生しない問題クリックされてアクセスされたハイパーリンクスタイルはhoverとactiveを持たなくなり、解決策はcssの並び順を変えることである
 a:link{}
 a:visited{}
 a:hover{}
 a:active{}

2.カーソル指cursor:pointerは同時にIEとFFの中でカーソル指を表示することができ、handはIEの中でのみ3.ページの最小幅min-widthは非常に便利なcssコマンドで、要素の最小幅もある幅より小さくないことを指定することができ、レイアウトが常に正しいことを保証することができます.しかしIEはこれを認識せず、実際にwidthを最小幅として使用し、このコマンドをIEでも使用できるように、1つのdivをbodyの下に置いてdivにクラスを指定することができます.
.container{ 
 min-width:600px; 
 width:expression(docunment.body.clientWidth<600?"600px":"auto") 
 } 

最初のmin-widthは正常ですが、2行目のwidthはJavaScriptを使用しています.これはIEだけが認識しています.これはあなたのHTMLドキュメントがあまり正規ではありません.実際にはJavaScriptの判断で最小幅4を実現します.高さ不適応高さ不適応は、内層オブジェクトの高さが変化すると外層の高さが自動的に調整できないことであり、特に内層オブジェクトがmarginまたはpaddingを使用する場合、例: p css:
#box{background:#eee} 
#box p{margin-top:20px;margin-bottom:20px;text-align:center} 

解決策:pオブジェクトに2つの空のdivオブジェクト{height:0;overflow:hidden}を追加するか、divにborderプロパティを追加します.
5.css hackブラウザhackとは?私たちが異なるブラウザ(Firefox IE 6 IE 7)を使って同じサイトにアクセスしたり、ページにアクセスしたりすると、互換性のない問題が発生したり、正常に表示されたり、異常に表示されたりします.私たちはcssを書くときに怒っています.この閲覧器の問題を修復したばかりで、そのブラウザに問題が発生します.hackは解決策です.1つのcssで独立した書き込みで異なるブラウザをサポートできるスタイルは、以下の2つの方法でほとんどのhack 1を解決することができます.important(あまりお勧めではありません)はIE 7に合わせて!importantのサポート、!importantは現在、IE 6のhack(書き方に注意し、宣言位置を覚えるには事前に)コードのみを使用しています.
  #wrapper{ 
       width:100px!important; /*IE7+FF*/ 
       width:80px /*IE6*/ 
 } 

2.+html、*htmlはIE特有のラベルであり、Firefoxはしばらくサポートしていないが、+HTMLはIE 7特有のラベルである.
 #wrapper{width:120px}/*Firefox*/ 
 *html#wrapper{width:80px}/*IE6*/ 
 *+html#wrapper{width:60px}/*IE7*/ 

注意+HTMLはIE 7のhackに対してhtmlヘッダに以下の声明があることを保証しなければならない.