z-index设置无效

我设置了z-index值，但是无效，不知是怎么回事？

<!doctype html>
<html>
<head>
   <meta charset="UTF-8">
   <title>shadow</title>
   <style>
       .shadow{
           width:500px;
           height:300px;
           margin:100px auto;
           box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
           position: relative;
       }
       .shadow:after{
           content:'';
           position: absolute;
           top:50%;
           left:12px;
           right:12px;
           bottom: 0;
           box-shadow: 0 5px 10px rgba(0, 0, 0, .8);
           border-radius:100px/10px;
           z-index: -1;
       }
   </style>
</head>
<body>
   <div></div>
</body>
</html>

xjtumj

2015-02-17

源自：十天精通CSS3 7-7

关注问题我要回答

2537

操作

收起

2 回答

翼风Fly
2015-02-18

亲~你打算把这些css赋予给谁生效呢？

你的代码：

<body>
    <div></div>
</body>

怎么着也得这样吧：

<body> 
    <div class="shadow"></div>
</body>

对于CSS设置好的类，需要告诉他赋予给谁，要不然他也不知道把谁改掉。

最常用的CSS选择器有：类选择器，标签选择器，id选择器

不太明白的话请自行搜索这三个词，例如：http://blog.sina.com.cn/s/blog_5674f6d401018wz8.html

详见CSS选择器：http://www.w3school.com.cn/cssref/css_selectors.asp

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242549 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答写了z-index：-1；但是没有效果

3 回答left: 50%; z-index:1;。。。。。

1 回答设置了z-index 但是背景图片还在文字上边遮着

1 回答notTarget和z-index的问题

3 回答z-index:-1 是什么意思

搜索更多本课相关问答

z-index设置无效

我要回答关注问题

热搜

最近搜索清空

z-index设置无效

2 回答

本课相似问答

z-index设置无效