底紋是個(gè)背景圖片。 然后上面有個(gè)漸變色。漸變色含有透明度這樣才能把底紋顯示出來(lái)
不用麻煩的把圖片放進(jìn)去各種定位修改層級(jí)來(lái)寫(xiě)啦。
直接一個(gè)background相關(guān)屬性就行了。
背景色怎么增加透明度呢文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-794073.html
使用rgba的方式rgba(127,47,255,0.7)。 //0.7是透明度文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-794073.html
background-image:linear-gradient(130deg, rgba(127,47,255,0.7) 0%, rgba(214, 60, 255, 0.5) 100%), url("https://mobvoi-backend-meishe-public.mobvoi.com/baohuo-mp-cdn/cdnData/images/baohuo/header_bg_202401121139.png"); background-position:right; background-repeat: no-repeat; background-size: auto 100%;
到了這里,關(guān)于css 背景是個(gè)圖片并且含有透明度的漸變色.超級(jí)簡(jiǎn)單。background相關(guān)屬性就行了的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!