.demo{ position: relative; width: 500px; height: 300px; line-height: 50px; text-align: center; color: red; } .demo::before{ content: ""; position: absolute; left: 0; top: 0; z-index: -1; /*放在内容背后*/ width: 500px; height: 300px; background: url(bg.png); background-size: cover; opacity: 0.5; /*透明度*/ } <div class="demo">图片半透明<br>内容不透明</div>
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #css背景图片透明度 #demoposition #relativewidth #500pxheight #300pxlineheight #50pxtextalign #centercolor
