<分区>
<分区>
我正在使用 3 个分区，第一个是标题，第二个是主要分区，第三个是最后一个。我希望第一个分区在第二个分区上投下阴影，我成功地做到了，但我也想要主要部门在第三个“最后”部门投下阴影，但我不能这样做，这是代码:
HTML :-
<head>
<link rel="stylesheet" type="text/css" href="fadykamalcss.css" />
</head>
<body>
<div id="header1">
</div>
<div id="main">
</div>
<div id="last">
</div>
</body>
CSS:-
body {
padding: 0px;
margin: 0px;
}
div#header1{
width:100%;
height:200px;
background:#242d34;
box-shadow: 0px 8px 20px -6px black;
}
div#main{
position:relative;
z-index:-1;
width:100%;
height:200px;
background:#ffaa05;
box-shadow: 0px 8px 20px -6px black;
}
div#last{
position:relative;
z-index:-2
margin-top: -700px;
width:100%;
height:400;
background:#242d34;
}
最佳答案
你的 CSS 有问题 首先你错过了一个;在你的 z-index 之后 其次，您在 height:400px 上遗漏了“px”；
此外，您不会看到边距设置为 -700(可能是故意的)的任何内容。 这是它的链接，因此您可以看到所有内容: http://jsfiddle.net/kEQVh/
关于html - 如何在 CSS 中的 2 个分区上放置 2 个嵌套阴影？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9524092/