No background a:hover IE6

Probabil ca suna interesant titlul, dar cu siguranta v-ati lovit de aceasta problema.

Mai concret, aceasta problema apare atunci cand o ancora <a href=”…” (link) are propietatea css “float”, iar aceasta se gaseste incapsulata intr-o lista ul > li, evident in borwserul Internet Explorer 6.

Solutia e simpla: in fisierul css la referinta a:hover se va trece propietatea zoom: 1.

Pentru cei mai pretentiosi care doresc sa le fie valid codul css avem 2 variante:

  1. In loc de propietatea zoom: 1 se poate trece clear: left|right|both in functie de propietatea float atribuita ancorei
  2. In interiorul tagului <head> se va introduce aceasta conditie <!–[if IE 6]> <style type=”text/css”> a:hover{  zoom: 1} </style> <![endif]–>

Vizualizari: 367


Leave a Comment