css設定背景圖片的透明度的方法:可以利用opacity屬性來進行設置,如【opacity: value|inherit;】。 value規定不透明度,inherit規定從父元素繼承opacity屬性的值。
屬性介紹:
opacity 屬性設定元素的不透明層級。
(學習影片分享:css影片教學)
文法:
opacity: value|inherit;
屬性值:
value 規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。
inherit 應該從父元素繼承 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; }
相關推薦:CSS教學
#以上是css怎麼設定背景圖片的透明度的詳細內容。更多資訊請關注PHP中文網其他相關文章!