我有:
<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
的情况下启动 - 它可以正常工作。如果我开始隐藏 - 它将不会显示背景(但会显示内容)。
答案 0 :(得分:0)
为什么要在document.ready
上提交表单?
如果你必须这样做 - 而不是使用ajax,或者 - 首先加载你正在加载的任何内容,然后用你的div替换document
-
$(".b").ready(function(){ [...] });
如果它真的像你说的那样 - 并且浏览器拒绝在提交内容后加载内容,那么这应该有效 -
答案 1 :(得分:0)
不幸的是,我无法在所有主流浏览器中消除此问题。已在我的网站架构中从display: none
切换到visibility: hidden
。