Google Chrome에서 CSS :visited를 사용하여 방문한 링크의 배경 이미지 변경이 실패하는 이유는 무엇입니까?

Google Chrome:visited 배경 이미지 문제

웹 개발자는 CSS를 사용하여 방문한 링크의 배경 이미지를 변경하는 문제에 직면했습니다. 방문한 의사 클래스가 Firefox, IE 및 Opera와 같은 다른 브라우저에서는 작동하지만 Google Chrome에서는 작동하지 않습니다.

한 사용자가 다음 코드에서 이 문제를 겪었습니다.

<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>

이미지 대신 색상을 사용하거나 배경 속성에 두 가지를 모두 통합하는 것도 Chrome에서 실패했습니다.

개인정보 보호 문제 및 Mozilla의 솔루션

사용자가 업데이트함에 따라 이 문제가 발생했습니다. 개인 정보 보호 문제와 관련이 있을 수 있습니다. Mozilla는 이러한 문제를 해결하기 위해 2010년 3월에 CSS 변경 사항을 발표했으며, 사용자가 링크한 버그는 현재 동작이 의도적이며 향후 버전의 Firefox에서도 중단될 가능성이 있음을 나타냅니다.

해결책

현재 권장되는 해결 방법은 배경 이미지 대신 배경색을 사용하여 방문한 링크의 모양을 변경하는 것입니다. 이는 원하는 시각적 효과를 제공하지 못할 수 있지만 브라우저 간 호환성을 보장합니다.

위 내용은 Google Chrome에서 CSS :visited를 사용하여 방문한 링크의 배경 이미지 변경이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!