を訪れたことが正常に動作します訪問したが、opactityは設定しません。不透明度:私はの背景色を設定した場合、FirefoxやIE</p> <p>にハイパーリンクを訪問した:私は上で動作するように不透明度を得ることができない
アイデア?ここで
は私の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のために何か問題があると思ういけない、becuase私は背景色を追加した場合、それだけで正常に動作します:
a:visited.photo img
{
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
background-color: Gray;
}
は、それはすべきではない 'a.photo:visited'? –
@Joeel Etherton:クラスと擬似クラスは任意の順序で並べ替えることができるので、 'a:visited.photo'は問題ありません。 – BoltClock