Dec 24

Link e trasparenza su IE6/7

No comment - Post a comment

Problema curioso: la trasparenza sui link (elementi <a>) non funziona normalmente sui browsers Microsoft.

Il perchè è presto detto: la trasparenza può essere attribuita solo ad un elemnto che occupa un certo spazio nella pagina e a cui possono essere attribuite le caratteristiche di altezza e lunghezza, insomma gli elementi di layout (div per esempio).

Per ovviare a questo problema, occorre impostare l’attributo zoom con valore 1 al link.

trasparenza su elemento a in hover:

  1.  
  2. .link:hover
  3. {
  4. background-color: Gray;
  5. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  6. zoom: 1;
  7. }