首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >滚动修复:a:在div中的悬停+链接不再工作,因为其他div的边距位于该div的顶部。

滚动修复:a:在div中的悬停+链接不再工作,因为其他div的边距位于该div的顶部。
EN

Stack Overflow用户
提问于 2015-07-06 22:20:57
回答 1查看 549关注 0票数 2

最近,我改变了我的站点,在滚动时,在我的巨型加速器div (导航栏之后的第一个div )下面的div将上升,覆盖巨磁控div。虽然这对于像我这样的中级初学者来说很酷,但我不能点击我的巨型加速器上的链接,也不能点击:悬停。

我相信这是这样的,因为第二个div位于第一个div的顶部,我只使用第二个div上660 it的边距来将其降下来,并暴露出这个巨型加速器。

有没有人知道如何保留这样的滚动方式,同时在巨型加速器上拥有完全功能的链接?

我的html代码:http://codeshare.io/L2eAF我的css代码:http://codeshare.io/jLiF3 Jsfiddle https://jsfid dle.net/xksLsoat/

页面(底部的蓝色是第二个div):

任何帮助都将不胜感激!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-07 16:02:27

在您的CSS中,您将z-index:-1设置为#巨无霸,因此div位于#包装器之后,不可能进行交互.只要去掉z索引就行了。

代码语言:javascript
运行
复制
#jumbotron {
    background-image: url("http://i.imgur.com/WeLp8bN.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 90%;
    width: 100vw;
    z-index: -1;
    position: fixed;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31256666

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档