Adakah Fungsi `attr()` CSS3 Mitos? Pandangan pada Keserasian dan Pelaksanaan Penyemak Imbas.

Fungsi attr() CSS3: Fatamorgana dalam Penyemak Imbas Utama

Ramai pembangun telah menghadapi kesukaran menggunakan fungsi attr() CSS3, terutamanya dalam Firefox. Walaupun disertakan dalam spesifikasi W3C, ia kekal sebagai ciri yang tidak dilaksanakan.

Sintaks dan Contoh

Sintaks untuk fungsi attr() adalah seperti berikut:

attr( <attr-name> <type-or-unit>? [ , <fallback> ]? )</fallback></type-or-unit></attr-name>

Sebagai contoh, kod CSS berikut cuba untuk menetapkan warna sempadan dan bayang kotak elemen berdasarkan nilai daripada atribut data-tint:

.window > .content .wbutton.tint {
    border: solid thin attr(data-tint, color);
    box-shadow: inset 0 0 50px attr(data-tint, color);
}

Mengapa Ia Tidak Berfungsi

Walaupun memenuhi keperluan spesifikasi, kod ini gagal berfungsi kerana Tahap 3 versi attr(), yang memperkenalkan keupayaan untuk menentukan jenis atau unit, tidak dilaksanakan dalam mana-mana penyemak imbas utama.

Semasa Status Pelaksanaan

Sehingga 2020, tiada pelaksanaan yang diketahui bagi fungsi attr() Tahap 3. Ia masih berisiko dalam draf spesifikasi editor terkini.

Sokongan Penyemak Imbas

Versi attr() Tahap 2.1, yang digunakan dengan sifat kandungan untuk kandungan yang dijana, disokong sepenuhnya dalam semua pelayar utama. Jadual keserasian penyemak imbas MDN hanya digunakan pada versi ini, bukan versi Tahap 3.

Seruan Tindakan

Pembangun yang ingin melihat fungsi attr() Tahap 3 yang dilaksanakan boleh memberikan maklum balas melalui saluran berikut:

• Platform Microsoft Edge: Sedang Dalam Pertimbangan (Terima kasih kepada Lea Verou!)

Atas ialah kandungan terperinci Adakah Fungsi `attr()` CSS3 Mitos? Pandangan pada Keserasian dan Pelaksanaan Penyemak Imbas.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!