Question

我在顶层有一个div，但在此div下有控件，用户需要能够点击。它在IE和FF3中工作得很好但是使用ff4我无法点击控件。我可以用标签访问它们。

    <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>

Answer 1

AFAIK'无点击问题'实际上是CORRECT功能。

为什么不放弃witdh: 100%并使用right:0px？这对我来说很好......

http://jsfiddle.net/tRNJD/

Answer 2

通过绝对定位，元件从正常流动中移除，允许其他元件上升并覆盖按钮。这是问题，但可以通过多种方式处理，但我不了解使用AP或z-index的目的。

Answer 3

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

FF4 - CSS z索引问题

3 个答案: