Rumah >hujung hadapan web >tutorial css >css如何使用opacity属性给背景图片加透明度(代码)
本篇文章给大家带来的内容是关于css如何使用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透明opacity和IE各版本透明度滤镜filter的最准确用法
Atas ialah kandungan terperinci css如何使用opacity属性给背景图片加透明度(代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!