2011-04-19 91 views
0

我在顶层有一个div,但在这个div下有用户需要点击的控件。它在IE和FF3中工作得很好,但使用ff4我无法点击控件。我可以通过标签访问它们。FF4 - CSS zindex问题

<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <title>Untitled Page</title> 
     <style type="text/css"> 
      #ShoppingCart 
      { 
       z-index:5; 
       position:absolute; 
       text-align:right; 
       width:100%; 
       max-width:1024px; 
      } 
     </style> 
    </head> 
    <body> 

    <div> 
     <div id="ShoppingCart"> 
     <input id="SHoppingCartBut" type="submit" value="Shopping Cart" /> 
<br /> Goes HERE<br /> You Have ITEM COUNT HERE 
     </div> 
     Choose the Item to order: 
     <select id="Select1"> 
      <option>Item 1</option> 
      <option>Item 2</option> 
     </select><input id="Submit1" type="submit" value="submit" /> 
    </div> 

    </body> 
    </html> 
+1

请问您可以显示您的代码。 – wdm 2011-04-19 13:34:47

+0

是的,你需要显示你的代码。理想情况下,还可以创建一个[jsFiddle测试用例](http://jsfiddle.net/)。 – thirtydot 2011-04-19 13:39:49

回答

1

AFAIK'没有点击问题'实际上是正确的功能。

为什么不沟通witdh: 100%并使用right:0px?这对我来说工作得很好......

http://jsfiddle.net/tRNJD/

+0

:)这实际上解决了我的问题。没有什么比解决问题更重要。谢谢 – Chad 2011-04-19 19:31:20

0

在ShoppingCart div上设置pointer-events:none以允许点击次数下降。

+0

这不允许我点击Div内的购物车链接。我知道我没有在示例中包含链接,我只是做了一个快速标记,应该包含这一点。 – Chad 2011-04-19 17:10:36

1

绝对定位的元素被从正常流动,允许其他元素奋起并覆盖按钮删除。这是问题,但可以通过多种方式处理,但我不明白使用AP或z-index的目的。

+0

样本被简化了。 z索引正在被使用,以便它出现在主内容div中和下拉列表菜单下的所有内容之上。它需要绝对定位,因为浮动扰乱了主要内​​容的流向。 – Chad 2011-04-19 19:37:52