Question

我为我的网站创建了一个标签样式菜单。菜单包括放置在绝对位置的一堆图像，具有不同的z-index。选项卡位于主图像下方，因此我使用了webkit规则指针 - events：none;，它在firefox和chrome中运行良好，但在IE中则不行。所以对于IE，我正在为每个标签创建一个顶级div叠加层，这样我就可以通过这些div来控制点击和翻转。

问题在于，由于某种原因，我似乎无法使.click（）函数工作，即使div在所有内容之上。我用.hover测试了它，这很好用。我能让.click（）工作的唯一一次是当我把下面的标签层带到顶部（这与悬停层没有任何关系）。这是我的代码：

HTML：

<div id="hover-home"></div>
<div id="hover-ss"></div>

CSS：

#hover-home {
   height: 26.5px;
   width: 91px;
   position: absolute;
   top: 109px;
   left: 325px;
   z-index: 100000;
   border: 1px solid black;
}


#hover-ss {
   height: 26.5px;
   width: 124px;
   position: absolute;
   top: 50px;
   left: 419px;
   z-index: 100001;
   border: 1px solid black;
}

jQuery的：

$( document ).ready(function() {

   $("#hover-home").click(function(){
       alert("Works!");
   });

   $("#hover-ss").click(function(){
       alert("Works!");
   });

});

基础标签HTML：

        <div id="btn-index" class="<? echo $tab_home; ?> tab menu_link" style="height: 26.5px; width: 75px; z-index: <? echo $zi_home; ?>; position: absolute; top: 109px; left: 325px;">
            <a href = "index.php">Home</a>
        </div>

        <div id="btn-ss" class="<? echo $tab_ss; ?> tab menu_link" style="height: 26.5px; width: 108px; z-index: <? echo $zi_ss; ?>; position: absolute; top: 109px; left: 419px;">
            <a href = "screenshots.php">Screen Shots</a>
        </div>

我试过使用.on（'click'，function（{，但也没有任何成功。还有其他人遇到过这个问题吗？

使用z-index在IE中使用.click函数问题

0 个答案: