Css 指针事件不影响Firefox中的滚动条&；歌剧院

当我在Firefox44中找到关于

指针事件的内容时，我正在使用CSS中的下拉菜单。起初，我认为新版本的Firefox会出现错误，但我在Firefox25中再次看到了问题，在Opera18（运行webkit）中也存在这个问题

代码本身可能非常混乱，因此我制作了另一个示例：


div{
宽度：150px；
高度：200px；
线高：30px；
背景：DDD；
/*-溢出-y-*/
溢出y：自动；
/*-指针事件-*/
指针事件：无；
}
div:悬停{
背景：#D77；
}

文本

文本

文本

文本

文本

文本

文本

文本


我能想到的唯一解决办法是将它包装到另一个
中，让这个溢出。但这显然不是一个真正的解决方案，只是一个解决办法。也许这在你的情况下是不可能的，你说你的原始代码很复杂


.wrapper{
宽度：150px；
高度：200px；
/*-溢出-y-*/
溢出y：自动；
}
.wrapper>div{
线高：30px；
背景：DDD；
/*-指针事件-*/
指针事件：无；
}
.wrapper>div:悬停{
背景：#D77；
}

文本

文本

文本

文本

文本

文本

文本

文本


我不确定你的最终目标是什么。。。但也许这会有帮助


文本

文本

文本

文本

文本

文本

文本

文本


.家长{
高度：150像素；
宽度：150px；
/*-溢出-y-*/
溢出y：滚动；
溢出x：隐藏；
/*-指针事件-*/
}
.孩子{
线高：30px；
背景：DDD；
指针事件：无；
}
.家长：悬停{
背景：#D77；
}

我只是把你的div包在一个父对象中，并限制了它的尺寸。滚动条出现，孩子们身上没有出现奇怪的悬停。
再一次，这不是你问题的真正解决方案，但据我所知，可能是你问题的解决方案：

为什么不使用
可见性
来显示/隐藏菜单？具有
可见性：隐藏的
滚动条在菜单可见之前将无法访问

#导航>li>ul{
/*...*/
/*默认情况下隐藏它*/
可见性：隐藏；
不透明度：0；
}
/*盘旋*/
#导航>li:悬停>ul{
能见度：可见；
不透明度：1；
}

这是一本书

顺便说一句：
指针事件
不需要使用此代码。
谢谢你的回答，但我必须使其完全处于非活动状态，可见但不可触摸，也许Firefox和旧歌剧的
指针事件
的替代方案可以帮助我澄清：你最初关心的是显示滚动条，但使其处于非活动状态，可以说是只读的。是吗？就几分钟…，我正在为它做小提琴刚刚更新了我的问题你用
opacity
隐藏子菜单有一个很好的理由吗？当然，我会用
display:none
，但这样我就不能有一个清晰的过渡（显示突然改变了50%）
<div class="parent">
  <div class="child">
  text
  <br/>text
  <br/>text
  <br/>text
  <br/>text
  <br/>text
  <br/>text
  <br/>text
  <br/>
    </div>
</div>

.parent {
  height: 150px;
  width: 150px;
  /*- overflow-y -*/
  overflow-y: scroll;
  overflow-x: hidden;
  /*- pointer events -*/

}
.child {
  line-height: 30px;
  background: #DDD;
  pointer-events: none;
}
.parent:hover {
  background: #D77;
}