css如何設(shè)置背景圖片的透明度

了解css如何設(shè)置背景圖片的透明度？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站設(shè)計、博湖網(wǎng)絡(luò)推廣、小程序定制開發(fā)、博湖網(wǎng)絡(luò)營銷、博湖企業(yè)策劃、博湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供博湖建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

css設(shè)置背景圖片的透明度的方法：可以利用opacity屬性來進(jìn)行設(shè)置，如【opacity: value|inherit;】。value規(guī)定不透明度，inherit規(guī)定從父元素繼承opacity屬性的值。

屬性介紹：

opacity 屬性設(shè)置元素的不透明級別。

語法：

opacity: value|inherit;

屬性值：

value 規(guī)定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。

inherit 應(yīng)該從父元素繼承 opacity 屬性的值。

示例：

提示：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;   
}

感謝各位的閱讀！看完上述內(nèi)容，你們對css如何設(shè)置背景圖片的透明度大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前名稱：css如何設(shè)置背景圖片的透明度
瀏覽地址：http://muchs.cn/article6/gedsog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、標(biāo)簽優(yōu)化、商城網(wǎng)站、微信公眾號、域名注冊、移動網(wǎng)站建設(shè)

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

猜你還喜歡下面的內(nèi)容