Heim  >  Artikel  >  Web-Frontend  >  Wenn ie7 !important [Layout-Lösung]_Erfahrungsaustausch nicht erkennt

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

WBOY
WBOYOriginal
2016-05-16 12:09:211671Durchsuche

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:





zishu.cn test




  

        
  • 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;
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Lösen Sie das Flash-Wireframe-Problem nach dem Austausch von IE upgrade_ExperienceNächster Artikel:Lösen Sie das Flash-Wireframe-Problem nach dem Austausch von IE upgrade_Experience

In Verbindung stehende Artikel

Mehr sehen