css使用opacity屬性給背景圖片加透明度的方法

css使用opacity屬性給背景圖片加透明度的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

老城網站建設公司創新互聯,老城網站設計制作，有大型網站制作公司豐富經驗。已為老城上1000家提供企業網站建設服務。企業網站搭建\成都外貿網站建設公司要多少錢，請找那個售后服務好的老城做網站的公司定做！

CSS 中無法直接給背景圖片加 opacity 屬性，可以使用下面的方法繞過這個限制：

div {
  width: 200px;  
  height: 200px;  
  display: block;  
  position: relative;
  }
div::after {
  content: "";  
  background: url(image.jpg);  
  opacity: 0.5;  
  top: 0;  
  left: 0;  
  bottom: 0;  
  right: 0;  
  position: absolute;  
  z-index: -1;   
}

感謝各位的閱讀！看完上述內容，你們對css使用opacity屬性給背景圖片加透明度的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注創新互聯行業資訊頻道。

本文名稱：css使用opacity屬性給背景圖片加透明度的方法
網頁鏈接：http://m.2m8n56k.cn/article34/jdcdpe.html

成都網站建設公司_創新互聯，為您提供微信公眾號、標簽優化、商城網站、網頁設計公司、品牌網站建設、靜態網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

css使用opacity屬性給背景圖片加透明度的方法