#現在情況是這樣的北京設置為店鋪照片模糊的背景但是現在用fliter模糊就有透明的問題怎麼解決
因為平常設置模糊的背景一般是偽元素但使用vue 是在css裡不能獲取圖片資源所以就寫了一個元素透過absolute定位佔滿整個容器寫的
![]()
{{this.seller.name}}
{{this.seller.description}}平均{{this.seller.deliveryTime}}分钟/配送费￥{{this.seller.deliveryPrice}}
公告：{{this.seller.infos[0]}}
- {{item.description}}
#headWrapper{ position: fixed; top:0; width: 100%; height: 2.2rem; padding: .15rem .25rem; box-sizing: border-box; font-size: 14px; z-index: 2; } .e_header{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background: cover; z-index: -1; filter: blur(10px); -weblit-filter:blur(10px); background-position: center; }
換個方法吧：