Wenn ie7 !important [Layout-Lösung]_Erfahrungsaustausch nicht erkennt

Vor IE7 haben wir !important verwendet, um den Unterschied zwischen IE und FF im Layout zu lösen, aber nach der Veröffentlichung von IE7 funktionierte !important nicht für IE7, und manchmal unterschied sich die Interpretationsmethode von IE7 von der von FF und IE6 Diesmal tritt ein neues Problem auf. Die Verwendung von !important kann IE6 lösen, jedoch nicht IE7. Auf diese Weise ist der Effekt derselben Webseite in verschiedenen Browsern unterschiedlich.

Dies ist ein Problem von vorgestern während des Layouts; Sie können sich zuerst den Effekt ansehen: http://www.zishu.cn/blogview.asp?logID=553

Oder führen Sie den folgenden Code aus, um den gleichen Effekt zu sehen:

Code kopieren Der Code lautet wie folgt:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

  

    
• 64d / 47 hitspixu

    
• 24d / 35 hits秀才

    
• 66d / 87 hits透露

    
• 40d / 34 hitsLIVID

    
• 47d / 56 hits老孟

    
• 42d / 36hits小玉

    
• 63d / 67 hitspixu

  

Wenn ich in diesem Beispiel den
Programmcode
*+html #zishu_test li a:hover span {margin-left:-8px }/* IE7*/
diese Zeile lösche; Es wird einen Unterschied in IE7 geben.

Um dieses Problem zu lösen, habe ich mir eine Methode in http://www.blueidea.com/tech/site/2006/3626.asp angesehen Programmierer und Layouter sind nicht dieselbe Person; daher wird die folgende Methode erstellt:

>

Code kopieren

Der Code lautet wie folgt:* html #zishu_test li a:hover span {margin-left:-8px; } /* IE6 */ *+html #zishu_test li a:hover span {margin-left:-8px }/* IE7*/

Dies ist für IE6 und IE7 Methode ;
„*+html“ wird von ie7 und ie5.01 verwendet, und es gibt eine sehr einfache Möglichkeit, ie7 und ie5.01 zu unterscheiden, was wichtig ist, um ein separates System zu bilden ie7 Die Hack-Methode.

Zum Beispiel:

*+html div.IE7 {
width:200px;
width:100px;