2009-09-17 5 views
1

Je veux utiliser la CSS fonctionnalité visité dans le navigateur pour le style d'une image cliquée:CSS: Styling a visité des images en coupe manière navigateur/opacité du navigateur croix

CSS:

.gridview a.plusminus:visited img 
{ 
    /* from http://my.opera.com/BleedingHeart/blog/2007/04/29/highlighting-visited-images-using-css */ 
    background: transparent !important; 
    opacity: 0.2 !important;   
} 

HTML:

<a class="plusminus" href="#12345" onclick="/* code to exand a panel*/" onfocus="this.blur();"> 
<img title="Expandera" src="img/grid_plus.gif" width="14" height="14"/> 
</a> 

Cela fonctionne très bien dans Firefox 3.5. Mais pour l'explorateur, l'opacité/transparence ne fonctionne pas. Y at-il un moyen que je peux faire ce navigateur croisé?

Aussi l'explorateur ne semble pas se souvenir du type de hrefs "# 12345" pour les liens visités lors du rechargement de pages. Un moyen de résoudre ce problème?

Répondre

2

pour l'opacité:

.gridview a.plusminus:visited img { 
    -moz-opacity: 0.2; filter:alpha(opacity=20); opacity: 0.2; 
} 

désolé ne savent pas se souvenir des refs d'ancrage (mais comme je sais qu'ils devraient travailler)

+0

Cela a bien fonctionné grâce! –

+0

-moz-opacity est obsolète depuis Firefox 0.9;) –

+0

Une ancienne opacité correcte fonctionnera pour les navigateurs compatibles. Il suffit de mettre dans le filtre: alpha .... pour IE – idrumgood

1
.gridview a.plusminus:visited img { 
    opacity: 0.2; 
    -ms-filter: "alpha(opacity=20)"; /* IE 8 */ 
    filter: alpha(opacity=20);  /* IE 4-7 */ 
}