Warum schlägt das Ändern des Hintergrundbilds besuchter Links mit CSS :visited in Google Chrome fehl?

Google Chrome: Problem mit dem besuchten Hintergrundbild

Webentwickler sind auf ein Problem gestoßen, bei dem das Hintergrundbild eines besuchten Links mithilfe von CSS geändert wurde: Die besuchte Pseudoklasse funktioniert in Google Chrome nicht, während sie in anderen Browsern wie Firefox, IE und Opera funktioniert.

Bei einem Benutzer ist dieses Problem mit dem folgenden Code aufgetreten:

<code class="css">.forum_box .title a {
  background-image:url(../images/f_unread.png);
  background-position:10px center;
  background-repeat:no-repeat;
  background-color:transparent;
  color:#2D4054;
  font-size:14px;
  padding:10px 12px 10px 44px;
  text-decoration:none;
  display:block;
  font-weight:bold;
}
.forum_box .title a:visited {
  background-image:url(../images/f_read.png);
}</code>

Versuche Die Verwendung einer Farbe anstelle eines Bildes oder die Integration beider in die Hintergrundeigenschaft schlug in Chrome ebenfalls fehl.

Datenschutzbedenken und Mozillas Lösung

Dieses Problem wurde vom Benutzer aktualisiert kann mit Datenschutzbedenken zusammenhängen. Mozilla hat im März 2010 Änderungen in CSS angekündigt, um diese Bedenken auszuräumen, und der vom Benutzer verlinkte Fehler deutet darauf hin, dass das aktuelle Verhalten beabsichtigt ist und wahrscheinlich auch in zukünftigen Versionen von Firefox eingestellt wird.

Lösung

Derzeit wird als Problemumgehung die Verwendung von „background-color“ anstelle von „background-image“ empfohlen, um das Erscheinungsbild besuchter Links zu ändern. Auch wenn dies möglicherweise nicht den gewünschten visuellen Effekt liefert, gewährleistet es jedoch die Kompatibilität mit allen Browsern.

Das obige ist der detaillierte Inhalt vonWarum schlägt das Ändern des Hintergrundbilds besuchter Links mit CSS :visited in Google Chrome fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!