代码之家  ›  专栏  ›  技术社区  ›  Koerr

如何激活背景div元素?

  •  0
  • Koerr  · 技术社区  · 16 年前

    <div id="box_1" style="position:absolute;top:0;left:0;width:500px;height:500px;border:1px solid gray;z-index:2;">
    </div>
    
    <div id="box_2" onclick="alert(1);" style="position:absolute;top:0;left:0;width:300px;height:300px;background-color:red;z-index:1;">
    how to activate me?(do not inner #box_1,and z-index less than box_1)
    </div>
    

    检查它>&燃气轮机&燃气轮机; demo

    激活==单击框2时显示警报(1)

    谢谢:)

    2 回复  |  直到 16 年前
        1
  •  1
  •   Pointy    16 年前

    我不完全理解你的问题。你做这些盒子的方式,唯一的方法 <div>

    或者,你可以给 <部门>

    如果不能更改标记,那么唯一可以做的就是在顶部捕捉事件 <部门> 把它们送到隐蔽处 < <部门> 并使用“.trigger”转发事件。

    -像这样也许:

    $('#box_1').click(function() {
      $('#box_2').trigger('click');
      return false;
    });
    

    现在,我们将从世界各地捕捉事件 < . 您可以检查事件鼠标坐标,看看它们是否在底部 <部门>

        2
  •  0
  •   Roman    16 年前

    <div style=";width:500px;height:500px;border:1px solid gray;z-index:2;background:blue;" id="box_1">
    </div>
    
    <div style="width:300px;height:300px;background-color:red;z-index:1;" id="box_2" onclick="alert(1);">
    how to activate me?(do not inner #box_1,and z-index less than box_1)
    </div>