<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--opacity: 0.5透明度-->
<!--z-indenx: 层级顺序，谁大谁在上面-->
<div style="z-index:10;position: fixed;top:50%;left:50%;margin-left:-250px;margin-top:-200px;background-color: white;height: 400px;width:500px;"></div>
<div style="z-index:9;position: fixed;background-color: black;
top:0;bottom:0;left:0;right:0;
opacity:0.5;
"></div>
<div style="height: 5000px;background-color: green">
</div>
</body>
</html>Python学习记录W15-05：CSS内容补充之position（三）
猜你喜欢
转载自blog.csdn.net/up1292/article/details/82693574
今日推荐
周排行