2012-02-09 10 views
5

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; 
} 
+3

że nie powinno być 'a.photo: visited'? –

+2

@Joel Etherton: Klasy i pseudoklasy mogą być ułożone w dowolnej kolejności, więc 'a: visited.photo' jest w porządku. – BoltClock

Odpowiedz

9

SEC7115:: odwiedzone i: style linków mogą się różnić tylko kolorami. Niektóre style nie zostały zastosowane do: odwiedzony.

To z konsoli narzędzi programistycznych IE. Jestem pewien, że Firefox pokazuje podobny błąd.

Przepraszamy. Niewiele można tam zrobić.

+0

Wiesz, nigdy tak naprawdę nie rozumiałem tego. Z pewnością możesz przeczytać stronę computedStyle.color i znaleźć odwiedzone linki? Nie wiem ... –

+0

Pozostawię to pytanie bez odpowiedzi, na wypadek, gdyby pojawiło się inne rozwiązanie. –

+0

To nie wygląda na prawdopodobne. 'document.querySelectorAll (": visited ")' zwraca pustą listę niezależnie od obecności lub braku odwiedzanych łączy, więc nie ma możliwości ich znalezienia. Spróbuję wyszukać styl koloru. –

3

Od 2010 roku, przeglądarka Mozilla ograniczenia właściwości CSS, które mogą być używane do stylu odwiedzonych odnośników do: - kolor, - background-color, - granica - * - kolor - outline-color - a kolor części właściwości wypełnienia i obrysu.

Dla każdej innej części stylu dla odwiedzanych łączy używany jest styl nieodwiedzonych łączy. Ponadto dla listy właściwości, które można zmienić powyżej, nie będzie można ustawić kolorów rgba() lub hsla() lub przezroczystych na nich.

Źródło: http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/

Powiązane problemy