Question

我在www.avaline.com创建了一个测试帐户，您可以使用提交按钮查看正在进行的操作，而无需完成注册过程（填写虚假地址信息等）：

用户名：test2@gmail.com 的通过：test02

在FF中，我的#hidSubm DIV覆盖了“Pay with Paypal”输入按钮，应该如此。为什么它不能在IE7中运行？

我通过将#hidSubm DIV变成TABLE来解决这个问题。为什么我需要这样做？

这是在我修复之前如何查看IE7错误的说明...虽然我不明白为什么我的修复工作：要查看此信息，请使用上面的帐户登录，确保购物车中至少有一个商品，点击“继续结帐”，然后选中“PayPal”作为付款方式（这样付款就赢了'通过测试目的）。一旦你进入“审查并提交”页面，在IE7（至少）中，将鼠标悬停在“使用Paypal支付”按钮上，当你将鼠标悬停在文本或按钮上时，你会看到光标是一只手边框，但是当您将鼠标悬停在按钮部分上时，它是一个常规箭头。如果您尝试单击箭头光标区域，您将收到应该看到的错误...但如果您单击手形光标区域，则会被重定向到paypal页面。

在IE7中使用Debugbar，我甚至从#submitter INPUT元素中删除了value元素，并确保它保持某种宽度，并且没有该值文本，我的#hidSubm DIV不会强制在任何元素下#submitter输入按钮。这是我在Debugbar中输入来测试它的内容： document.getElementById（'submitter'）。value =“”; document.getElementById（'submitter'）。width =“100”;

Answer 1

您的登录不起作用，但我发现您正在为您的网站使用jquery。

这里有一个小的z-index fix-all脚本：

// 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，以确保它们以预期的方式重叠。

希望这有帮助。

在提交订单INPUT按钮上的DIV重叠在IE7中不能正常工作

1 个答案: