nie mogę pracować na krycie a: visited hiperłącza w Firefoksie i IEkrycie a: visited
Jeżeli ustawić kolor tła: odwiedził to będzie działać dobrze, ale opactity nie będzie ustawiony.
Wszelkie pomysły?
Tu jest mój 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>
Nie sądzę, nie ma nic złego z rzędu CSS, ponieważ posiadał jeśli dodać kolor tła, to działa dobrze:
a:visited.photo img
{
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
background-color: Gray;
}
że nie powinno być 'a.photo: visited'? –
@Joel Etherton: Klasy i pseudoklasy mogą być ułożone w dowolnej kolejności, więc 'a: visited.photo' jest w porządku. – BoltClock