CODEWITHSUNDEEP
css
Niels Bosma
Niels Bosma

Reputation: 11528

CSS: Styling visited images cross browser way / cross browser opacity

I want to use the CSS visited functionality in the browser to style a clicked image:

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>

This works fine in Firefox 3.5.

But for i.e. Explorer the opacity/transparent trick don't work. Is there a way that I can do this cross-browser?

Also explorer seems not to remember "#12345" type of hrefs for visited links when reloading pages. Any way to fix that?

Upvotes: 1

Views: 2502

Answers (2)

Alex Barrett
Alex Barrett

Reputation: 16475

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

Upvotes: 1

tig
tig

Reputation: 27850

for opacity:

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

sorry don't know about remembering of anchor refs (but as I know they should work)

Upvotes: 2

Related Questions