为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/商城分类导航效果

这里边的z-index：3有用吗

        .topmenu li

        {

            height: 30px;

            line-height: 30px;

            font-size: 11pt;

            list-style-type: none;

            text-align: left;

            padding-left: 8px;

            z-index: 3;？？？？？、

            background-image: url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);

            background-repeat: no-repeat;

            background-position: right;

        }


小菜鸟飞

2016-08-25

源自：商城分类导航效果  2-4

关注问题 我要回答
846
操作
收起

正在回答

1 回答

水里有条鱼
2016-08-25

有的，就是给你当前的节点对像安排一个权值，当有两个对象会占用同一个地方时，权值大的节点会被显示出来，权值小被遮挡而隐藏掉

0 回复 有任何疑惑可以回复我~
收起回答
#1

小菜鸟飞 提问者

可是他不是只有在有position的时候z-index才有效吗
2016-08-25 回复 有任何疑惑可以回复我~
#2

水里有条鱼 回复 小菜鸟飞 提问者

是的，因为span用到了比较权值的地方而span是relative定位的
2016-08-25 回复 有任何疑惑可以回复我~
#3

小菜鸟飞 提问者 回复 水里有条鱼

span是定位的所以就可以对span的父节点li进行z-index属性设置吗 ？？是这个意思吗 ？可是去掉之后也没啥区别呀
2016-08-26 回复 有任何疑惑可以回复我~
#4

水里有条鱼 回复 小菜鸟飞 提问者

z-index,较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值，那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象，此属性的 number 值为正数的对象会在其之上，而 number 值为负数的对象在其之下。设置参数为 null 可以移除此属性。 此属性仅仅作用于 position 属性值为 relative 或 absolute 的对象。 这个属性不会作用于窗口控件，如 select 对象。
2016-08-26 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消
商城分类导航效果
  • 参与学习       63737    人
  • 解答问题       276    个

两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法

进入课程

本课相似问答

1 回答在.topmenu li中设置z-index：3有用吗？

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

1 回答z-index 用法不明白

1 回答为什么submeu不设置z-index也可以把标题div遮住?

2 回答hover li时左边为什么会有个很粗的边框线
搜索更多本课相关问答

这里边的z-index：3有用吗

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信