html - 不透明度:visited

我不能不透明地工作在firefox或IE中的a:visited超链接上

如果我将a:visited的背景色设置为正常，则不会设置透明度。

有任何想法吗？

这是我的CSS:

a.photo
{
    display: inline-block;
}
a.photo img
{
    border: 1px solid #C8C8C8;
    background-color: #ffffff;
}
a:hover.photo img,
a:active.photo img {
    background-color: #FF2D59;
    border: 1px solid #FF2D59;
}
a:visited.photo img
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
a.small img
{
    width: 80px;
    height: 80px;
    padding: 6px;
}


<a href="#" class="photo small">
    <img src="http://www.w3schools.com/css/klematis.jpg" alt="small photo hyperlink" />
</a>

我认为CSS的顺序没有任何问题，因为如果我添加背景色，它就可以正常工作:

a:visited.photo img
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background-color: Gray;
}

最佳答案

这来自IE的开发人员工具控制台。我很确定Firefox会显示类似的错误。

对不起。那里没有什么可以做的。

关于html - 不透明度:visited，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9216164/

Photo

html - 不透明度:visited