由于我有一個保存影像的變數，我需要在 css 背景影像標簽中添加影像而不是 URL，那么如何實作呢？我現在的代碼：.devicewidth{
background:url("image url")}
@media only screen and (max-width: 400px) {
table[class=devicewidth] {
width: 420px!important;
}
img[class=banner] {
width: 400px!important;
height: 80px!important;
}
}
我的影像變數：影像
此影像變數保存直接影像，而不是任何路徑或 url
uj5u.com熱心網友回復：
:root {
--image: url('data:image/svg xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjI0NiA0LjI4NEMyMy4xNjcgNC4wMiAyMi45MjQgMy45NyAyMi43MjggNC4xNjZMMTkuMTk3IDcuNjk4TDE1LjgwMSA0LjMwMkwxOS4zMzMgMC43N0MxOS41MjggMC41NzUgMTkuNDc5IDAuMzMyIDE5LjIxNCAwLjI1M0MxOC42NzIgMC4wODk5OTk4IDE4LjA5OCAwIDE3LjUgMEMxNC4xODcgMCAxMS41IDIuNjg3IDExLjUgNkMxMS41IDYuNjE3IDExLjU5NCA3LjIxMiAxMS43NjcgNy43NzNMNC45OTEgMTQuNTQ5QzQuODI3IDE0LjUzMSA0LjY2OCAxNC41IDQuNSAxNC41QzIuMDE3IDE0LjUgMCAxNi41MTggMCAxOUMwIDIxLjQ4MiAyLjAxNyAyMy41IDQuNSAyMy41QzYuOTgzIDIzLjUgOSAyMS40ODIgOSAxOUM5IDE4LjgzMiA4Ljk2OSAxOC42NzMgOC45NTEgMTguNTA5TDE1LjcyNiAxMS43MzNDMTYuMjg4IDExLjkwNiAxNi44ODMgMTIgMTcuNSAxMkMyMC44MTMgMTIgMjMuNSA5LjMxMyAyMy41IDZDMjMuNSA1LjQwMyAyMy40MSA0LjgyOCAyMy4yNDYgNC4yODRaTTYuMTQ3IDIwLjY0NkwzLjg5NyAyMS4yNUwyLjI1IDE5LjYwNEwyLjg1NCAxNy4zNTRMNS4xMDQgMTYuNzVMNi43NTEgMTguMzk2TDYuMTQ3IDIwLjY0NloiIGZpbGw9IiNGRjY2MDAiLz4KPC9zdmc Cg==');
}
然后
.nav-home {
background-image: var(--image);
}
uj5u.com熱心網友回復：
要在沒有 URL 的情況下直接傳遞影像，我們可以使用 CSS 中的 var() 函式。var() 函式用于插入 CSS 變數的值。我提供了進一步理解的鏈接：https : //www.w3schools.com/css/css3_variables.asp
:root {
--image: url('image url');
}
body { background-color: var(--image); }uj5u.com熱心網友回復：
您可以通過使用此var() functionCSS來執行此操作，您可以按照以下鏈接進行參考
https://www.w3schools.com/css/css3_variables.asp
https://www.javatpoint.com/css-variables
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/384605.html