2009-09-17 37 views
1

我想使用CSS访问功能,在浏览器中的风格被点击图像:CSS:样式访问图像跨浏览器的方式/跨浏览器的不透明度

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> 

这在Firefox 3.5中正常工作。

但是,即使Explorer不透明/透明技巧不起作用。有没有一种方法可以实现这种跨浏览器?

另外资源管理器在重新加载页面时似乎不记得访问链接的“#12345”类型的hrefs。有什么办法解决这个问题?

回答

2

不透明度:

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

遗憾不知道锚裁判的记忆(但我知道他们应该工作)

+0

这个工作很好,谢谢! – 2009-09-17 13:02:49

+0

-moz-opacity自Firefox 0.9以来已弃用;) – 2009-09-17 13:03:18

+0

正确的,普通的旧的不透明度适用于兼容的浏览器。只需在过滤器中输入:alpha ....即可 – idrumgood 2009-09-17 15:40:30

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