Rumah >hujung hadapan web >tutorial css >Mengapa Pautan Dilawati Gaya Saya Tidak Berfungsi dalam Sesetengah Pelayar?
Mengapa Pautan Dilawati Gaya Saya Tidak Berfungsi dalam Sesetengah Pelayar?
- Linda Hamiltonasal
- 2024-12-02 05:34:09598semak imbas
Mengapa Gaya CSS untuk Pautan :visited Ini Tidak Berfungsi dalam Penyemak Imbas Tertentu?
Kod HTML dan CSS berikut nampaknya mempamerkan isu dengan menggayakan pautan yang dilawati dalam Internet Explorer dan Chrome:
<html>
<head>
<style>
A {font-weight: bold; color:black;}
A:visited {font-weight: normal; color: black; }
.Empty {font-weight: bold; color: black; }
</style>
</head>
<body>
<a href="http://mysite">click me</a>
</body>
</html>
Walaupun menggunakan :visited pseudoclass, pautan yang diklik kekal tebal dan bukannya kembali kepada berat normal. Tingkah laku ini juga berlaku dengan Firefox 4, IE9 dan Chrome.
Pertimbangan Keselamatan dan Penyelesaian
Fungsi pseudoclass :visited telah dihadkan dalam penyemak imbas moden untuk mengelakkan potensi eksploitasi CSS. Penyemak imbas ini melaksanakan langkah khusus untuk melindungi daripada kelemahan tersebut:
- getComputedStyle() mengembalikan nilai untuk pautan yang dilawati seolah-olah ia tidak dilawati.
- Pemilih adik-beradik (mis., :visited span) sebab elemen bersebelahan untuk digayakan sebagai tidak dilawati.
- Elemen pautan bersarang mungkin menjadi tidak dilawati dalam senario tertentu.
Malangnya, tiada penyelesaian untuk langkah keselamatan ini dalam penyemak imbas yang telah melaksanakan sekatan ini. Menukar tetapan kebolehaksesan untuk mengabaikan warna web, seperti yang dinyatakan dalam soalan asal, tidak akan menyelesaikan isu itu.
Atas ialah kandungan terperinci Mengapa Pautan Dilawati Gaya Saya Tidak Berfungsi dalam Sesetengah Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!