Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 停止干扰鼠标事件的兄弟姐妹_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 停止干扰鼠标事件的兄弟姐妹

Javascript 停止干扰鼠标事件的兄弟姐妹,javascript,jquery,html,css,Javascript,Jquery,Html,Css,目前正在使用“interactive_bg”插件在一幅图像上创建视差效果,使用两幅图像创建深度错觉 插件网站: 松下 六月十四日 高举联盟旗 社会公关创意设计 Lorem ipsum dolor sit amet,是一位杰出的献身者。塞德内克东部。这是一个令人信服的事实。《爱的一生》中的Phasellus拍卖人 我遇到的问题是,绝对位于屏幕中心的文本会导致鼠标事件在光标位于“#header txt cont”上时停止,基本上会暂停视差效果。这是一张布局图,让您更好地了解它的渲染方式(男人是#

目前正在使用“interactive_bg”插件在一幅图像上创建视差效果,使用两幅图像创建深度错觉

插件网站:


松下
六月十四日
高举联盟旗
社会公关创意设计
Lorem ipsum dolor sit amet,是一位杰出的献身者。塞德内克东部。这是一个令人信服的事实。《爱的一生》中的Phasellus拍卖人

我遇到的问题是,绝对位于屏幕中心的文本会导致鼠标事件在光标位于“#header txt cont”上时停止,基本上会暂停视差效果。这是一张布局图,让您更好地了解它的渲染方式(男人是#正面标题图像,电视是背面标题图像):


有没有人知道我如何阻止这种情况发生,而不必进入插件脚本并对其进行广泛编辑,我希望这是我的最后手段。

在插件演示站点的文本上,它似乎工作正常。您是否在保存文本的元素的事件处理程序中有
stopPropagation
return false
?对我来说,只有一个“层”也可以正常工作-问题是添加#标题前图像,可能是因为这是一个同级“#标题txt cont”,因此它停止了鼠标移动事件。因为“header-image-back”是文本的父级,所以看起来很好。
            <section id="header" class="header-image bg header-image-back" data-ibg-bg="img/case.study.images/project.images/example.project/header/example_header_back.png">

                <div id="header-image-front" class="header-image bg" data-ibg-bg="img/case.study.images/project.images/example.project/header/example_header_front.png"></div>

                <div id="header-txt-cont">

                    <div id="header-client" class="six-col col">Panasonic</div>
                    <div id="header-date" class="six-col col">June 14</div>    

                    <h1>Raising High The Union Flag</h1>
                    <h5>Social & PR. Creative Design</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed neque est. Proin dictum ante ut ullamcorper convallis. Phasellus auctor in eros vitae feugiat.</p>

                </div>

            </section>