老师帮忙看下,谢谢!
来源:2-4 编程练习
weixin_慕码人1392209
2020-03-29 17:40:50
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2-4</title> <style type="text/css"> *{ margin: 0; padding:0; } .contanier{ width: 380px; /*height: 240px; */ margin: 0 auto; } .contanier .image{ width: 380px; height: 240px; } .contanier .image img{ width: 380px; height: 240px; display: block; } .contanier .topLayer{ width: 380px; height: 240px; background-color: black; position: absolute; top: 0; opacity: 0.5; z-index: 1; } </style> </head> <body> <div class="contanier"> <div class="image"> <img src="http://climg.mukewang.com/58f829ca00010be703840240.jpg"> </div> <div class="topLayer"></div> </div> </body> </html>
1回答
同学你好,代码效果正确。继续加油,祝学习愉快~
相似问题