FF4 - проблема CSS zindex - PullRequest
Новая
       11

FF4 - проблема CSS zindex

0 голосов
/ 19 апреля 2011

У меня есть 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>

Ответы [ 3 ]

1 голос
/ 19 апреля 2011

AFAIK «проблема отсутствия щелчка» на самом деле является ПРАВИЛЬНОЙ функциональностью.

Почему бы не бросить witdh: 100% и использовать right:0px? Это прекрасно работает для меня ...

http://jsfiddle.net/tRNJD/

1 голос
/ 19 апреля 2011

При абсолютном позиционировании элемент удаляется из нормального потока, позволяя другим элементам подниматься вверх и закрывать кнопку. Это проблема, но это может быть решено несколькими способами, но я вообще не понимаю цели использования AP или z-index.

0 голосов
/ 19 апреля 2011

Установите pointer-events:none в элементе ShoppingCart, чтобы позволить кликам падать.

...