我想將背景URL存儲(chǔ)在自定義屬性（CSS變量）中，并將其與background屬性一起使用。但是，當(dāng)使用字符串作為參數(shù)時(shí)，我找不到插值的方法url()。這是我的示例代碼：:root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416";}body { background: url(var(--url));}我知道可以使用插值函數(shù)在Sass或LESS中輕松完成此操作，但我很好奇是否有一種無需任何預(yù)處理器的方法。
2 回答
喵喵時(shí)光機(jī)
TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊
我在cordova的項(xiàng)目中遇到了同樣的問題，所以我使用了：
header{
--bg-header: url(../img/header_home.png) left center/cover no-repeat;
background: var(--bg-header,
url("../img/header_home.png") left center/cover no-repeat
);
}
顯然，如果您在--var聲明上使用雙引號(hào)url（“”），則該值將無效。
添加回答
舉報(bào)
0/150
提交
取消