Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS位置：固定块事件处理？_Javascript_Html_Css_Web - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript CSS位置：固定块事件处理？

Javascript CSS位置：固定块事件处理？

javascript html css web

Javascript CSS位置：固定块事件处理？,javascript,html,css,web,Javascript,Html,Css,Web,首先显示代码： 请重点关注两点： full size bg是全屏背景，它使用固定的div来调整alpha，而不是将背景设置为父节点，因为我不想修改真实的图像alpha 滚动区域位于全尺寸bg上方，并且它（应该）是一个高度大于可见区域的可滚动区域 然后我想知道的是，如果我不在滚动区域中添加位置：绝对，固定背景将阻止事件处理，滚动区域不能用鼠标滚轮滚动（但如果使用上下箭头键，它可以滚动，为什么？）。当然，fiexed会留下文档流用于布局，但也用于事件处理 其次，Chrome不需要添加z-index

首先显示代码：

请重点关注两点：

  • full size bg
    是全屏背景，它使用固定的div来调整alpha，而不是将背景设置为父节点，因为我不想修改真实的图像alpha
  • 滚动区域
    位于
    全尺寸bg
    上方，并且它（应该）是一个高度大于可见区域的可滚动区域
    • 然后我想知道的是，如果我不在
    滚动区域中添加
    位置：绝对
    ，固定背景将阻止事件处理，滚动区域不能用鼠标滚轮滚动（但如果使用上下箭头键，它可以滚动，为什么？）。当然，
    fiexed
    会留下文档流用于布局，但也用于事件处理
    
其次，Chrome不需要添加
    z-index
    行，但是Firefox需要，为什么
    
第三，我现在需要的是一种标准的方式，用alpha编程设置全屏背景
    

    非常感谢。
    基本上，在您的示例代码中，
    固定位置不会阻止滚动。问题是，如果您没有为
    滚动区域
    div设置
    位置：绝对
    ，则
    全尺寸bg
    div更高z-index。您可以看到，通过右键单击在开发人员工具中进行检查，它将显示顶部的“front”元素
    
您也可以在此处找到答案：
    
有关firefox与chrome z-index的问题，您可以在此处查看更多信息：
    
对于第三个问题，我没有正确理解：(