Bolehkah Pembolehubah CSS Diinterpolasi dengan Fungsi `url()`?

Interpolasi dengan Pembolehubah CSS

Bolehkah pembolehubah CSS diinterpolasi dengan fungsi url()?

Sifat CSS tersuai memudahkan interpolasi untuk kebanyakan fungsi, termasuk rgba(). Walau bagaimanapun, interpolasi dengan url() menimbulkan cabaran atas sebab warisan.

Apakah had dengan url()?

Token url() tidak boleh dipecahkan kepada var() ungkapan kerana penghurai menganggap var(--url) sebagai URL yang tidak disebut. Akibatnya, interpolasi tidak berlaku, menjadikan pengisytiharan latar belakang tidak sah.

Pendekatan Alternatif

Untuk mengelakkan pengehadan url(), pilihan yang berdaya maju termasuk:

• Menentukan keseluruhan ungkapan url() dalam tersuai property:

:root {
  --url: url("https://download.unsplash.com/photo-1420708392410-3c593b80d416");
}

body {
  background: var(--url);
}

• Menggunakan JavaScript untuk interpolasi dan bukannya var().

Atas ialah kandungan terperinci Bolehkah Pembolehubah CSS Diinterpolasi dengan Fungsi `url()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!