hình nền: cho: các liên kết đã truy cập?

Question

Có thể thêm hình nền: thuộc tính vào liên kết được truy cập không?

a.coolLinks:visited{ 
    background-image:url("http://www.ledr.com/colours/black.jpg"); 
} 

Cảm ơn

Edit: Vì vậy, có vẻ như đây là một lỗ hổng bảo mật và đây là lý do tại sao nó không thể được thực hiện. Không có dấu hiệu nào cho thấy các trình duyệt đang chặn kiểu css này.

Answer 1

Mã của bạn là chính xác theo hầu hết các thông số kỹ thuật. Tuy nhiên, many browsers xem xét hình nền trên các liên kết đã truy cập có khả năng vi phạm quyền riêng tư của người dùng, vì vậy họ không cho phép.

Quan sát ví dụ này:

<p><a href="/unvisited">Unvisited link</a></p> 

<p><a href="http://jsfiddle.net/">Visited Link</a></p> 

<style> 
a { 
    background:red url("http://placekitten.com/100/101?image=2") center center no-repeat; 
    display: block; 
    height: 200px; 
    width: 200px; 
    overflow: hidden; 
    text-align: center; 
    background-color: red; 
} 

a:visited { 
    background:blue url("http://placekitten.com/100/100?image=1") center center no-repeat; 
} 
</style> 

(Cũng tại http://jsfiddle.net/Yq5GY/1/). Firefox bỏ qua việc khai báo hình ảnh nền cho các liên kết đã truy cập và không bao giờ hiển thị con mèo độc thân. Bạn có thể thực hiện một số sự khác biệt với màu nền . Đó là khả năng sử dụng xấu để dựa vào hình ảnh một mình, dù sao đi nữa.

Answer 2

Như @KatieK đã đề xuất, hầu hết trình duyệt sẽ không cho phép đặt hình nền [thậm chí một số quy tắc khác như màu nền] thành liên kết :visited vì đó là vấn đề bảo mật. Bạn có thể đọc về nó bằng cách sử dụng liên kết sau đây:

1. Privacy Related Changes
2. Reported Bug

Answer 3

MDN spec for :visited, bạn sẽ thấy background-image không được phép.