我想將背景URL存儲在自定義屬性（CSS變量）中，并將其與background屬性一起使用。但是，當使用字符串作為參數時，我找不到插值的方法url()。這是我的示例代碼：:root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416";}body { background: url(var(--url));}我知道可以使用插值函數在Sass或LESS中輕松完成此操作，但我很好奇是否有一種無需任何預處理器的方法。
2 回答
喵喵時光機
TA貢獻1846條經驗 獲得超7個贊
我在cordova的項目中遇到了同樣的問題，所以我使用了：
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聲明上使用雙引號url（“”），則該值將無效。
- 2 回答
- 0 關注
- 3082 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消