Наложение DIV на верхнюю часть кнопки ВВОД заказа на отправку не работает прямо в IE7 - PullRequest
Новая
       10

Наложение DIV на верхнюю часть кнопки ВВОД заказа на отправку не работает прямо в IE7

0 голосов
/ 25 марта 2010

Я создал тестовую учетную запись на www.avaline.com, которую вы можете использовать, чтобы увидеть, что происходит с кнопкой отправки, не проходя процесс регистрации (заполнение поддельного адреса и т. Д.):

имя пользователя : test2@gmail.com передача : test02

В FF мой DIV #hidSubm закрывает кнопку ввода «Pay with Paypal», как и должно быть. Почему он не работает в IE7?

Я исправил это, превратив DIV #hidSubm в СТОЛ. Зачем мне это нужно?

Это инструкции о том, как увидеть ошибку IE7 до того, как я ее исправил ... хотя я не понимаю, почему мое исправление сработало: Чтобы проверить это, войдите в учетную запись, указанную выше, убедитесь, что в вашей корзине есть хотя бы один товар, нажмите «Перейти к оформлению заказа» и отметьте «PayPal» в качестве способа оплаты (таким образом, платеж выиграл) пройти для целей тестирования). Как только вы попадаете на страницу «Просмотр и отправка», в IE7 (по крайней мере) наведите курсор на кнопку «Pay PayPal», и вы увидите, что курсор - это рука, когда вы наводите курсор мыши на текст или кнопку границы, но это обычная стрелка, когда вы наводите курсор на часть кнопки. Если вы попытаетесь щелкнуть мышью в области курсора со стрелкой, вы получите сообщение об ошибке, которое вы должны увидеть ... но если вы щелкните мышью в области курсора со стрелкой, вы будете перенаправлены на страницу PayPal.

Используя Debugbar с IE7, я даже удалил элемент value из элемента INSUT #submitter и убедился, что он сохранил некоторую ширину, и без этого текста значения мой DIV #hidSubm не был принудительно настроен ни под каким элементом # кнопка ввода отправителя. Вот что я ввел в Debugbar, чтобы проверить это: document.getElementById ('submitter'). value = ""; document.getElementById ('submitter'). width = "100";

1 Ответ

1 голос
/ 06 апреля 2010

Ваш логин не работает, но я вижу, что вы используете jquery для вашего сайта.

Вот небольшой сценарий исправления для z-index: 

// Fix IE indexing bug
if(navigator.userAgent.match(/MSIE \d\.\d+/)) {
    var zIndexNumber = 1000;
    $('div').each(function(){
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
}

Как видите, он проходит через каждый div и назначает z-index для этого. Это позволяет вам явно установить z-index для элементов, чтобы вы могли быть уверены, что они будут перекрываться ожидаемым образом.

Надеюсь, это поможет.

...