Question

我有：

<div class="a" style="display:none">
    <div class="b" style="margin: 0 auto; width: 69px; height: 69px; background: url(../images/bg-loading.png) repeat-y;">
        .......
    </div>
</div>

和

$(document).ready(function() {
    $("form").submit(function() {
        $(".a").show();
        return true;
    });
});

IE 10和Chrome上未显示

image-background，但它在FF中有效。我试图在没有display:none的情况下开始，然后隐藏div，然后在提交时显示它，并猜测它是什么 - 它有效。我相信可能的原因 - IE 10'优化'并且在提交开始后不加载新图像？怎么解决？

同样，如果我通过F12触摸div“b”（只是在调试器中选择并取消选择隐藏元素）或者如果我在没有display:none的情况下启动 - 它可以正常工作。如果我开始隐藏 - 它将不会显示背景（但会显示内容）。

Answer 1

为什么要在document.ready上提交表单？

如果你必须这样做 - 而不是使用ajax，或者 - 首先加载你正在加载的任何内容，然后用你的div替换document -

$(".b").ready(function(){ [...] });

如果它真的像你说的那样 - 并且浏览器拒绝在提交内容后加载内容，那么这应该有效 -

Answer 2

不幸的是，我无法在所有主流浏览器中消除此问题。已在我的网站架构中从display: none切换到visibility: hidden。

IE 10在提交后不显示背景图像

2 个答案: