CSS制作层级效果

最新推荐文章于 2023-11-28 15:56:57 发布

区块链攻城狮

最新推荐文章于 2023-11-28 15:56:57 发布

阅读量341

点赞数

分类专栏： HTML CSS 文章标签： css firefox javascript 层级效果

本文链接：https://blog.csdn.net/weixin_42799222/article/details/125905377

版权

CSS 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

核心是对阴影效果的把控

测试地址为： w3school.com.cn/tiy/t.asp?f=eg_css3_box-shadow

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
position: absolute;
margin:10px;
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 30px 20px #00000070;
}
</style>
</head>
<body>

<div></div>
<div style="top:80px;left:200px;z-index:-1;"></div>

</body>
</html>