2014-02-14 27 views
-1

我:IE 10不顯示背景圖片後提交

<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; 
    }); 
}); 

image-background不顯示在IE 10和Chrome,但在FF的作品。我試圖在沒有display:none的情況下啓動,然後隱藏div,然後在提交時顯示它,並猜測它是什麼 - 它的工作原理。我相信可能的原因 - IE 10'優化'並且在提交開始後不加載新圖像?如何解決它?

再一次,如果我通過F12觸摸div「b」(只需在調試器中選擇並取消選擇隱藏的元素),或者如果我在沒有display:none的情況下啓動 - 它可以正常工作。如果我開始隱藏 - 它不會顯示背景(但會顯示內容)。

+1

嘗試預加載圖像。 –

+0

@NiettheDarkAbsol,我創建可視''在標籤頁的底部,它顯示了我的形象完美。但我的div的'image-background'仍然不起作用。我怎樣才能以另一種更有用的方式預加載它? – Denis

+0

你可以顯示那個'style'屬性的全部內容嗎? –

回答

0

你爲什麼要提交關於document.ready一種形式?

如果必須做到這一點 - 而不是使用AJAX,或者 - 加載無論你裝在首位,然後用DIV替換document -

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

如果真的就像你說的 - 和瀏覽器拒絕東西已經提交後加載的內容,則應該工作 -

+0

不太理解你的信息。 DOM準備就緒時,我會安裝提交處理程序。我那部分代碼有什麼問題? – Denis

+0

那麼,爲什麼你會在頁面加載時立即提交表單?你可以隨時'$ .ajax'一些數據傳回服務器,如果這就是你需要做的,但除此之外,其內容應在第一組的請求被加載.. –

+0

我不要馬上提交表單 - 我安裝提交事件處理器。 – Denis

0

遺憾的是我沒能消除所有主要瀏覽器這個問題。在我的網站架構中,從display: none切換到visibility: hidden