Chrome：顯示：內嵌奇怪...

我被困在一個非常奇怪的問題，我不知道究竟發生了什麼... 不幸的是，我不能鏈接到有問題的頁面，因爲它是內部開發，但問題如下：Chrome：顯示：內嵌奇怪...

我有3個鏈接的頁面 - A，B和C. 每個這些鏈接到動態生成的文件，並且它可以很容易需要幾秒鐘的這些文件被創建。因此，我們將這些文件生成功能放在單獨的頁面上。 A，B和C請求相關頁面; A，B和C請求相關頁面;當頁面生成了所需的文件時，它會以用戶下載的文件名作爲響應。到目前爲止，這麼好 - 所有這些都有效。

爲了直觀地指出活動，當這些操作開始/停止時，我們顯示/隱藏一個小gif。（A，B和C各有它自己的圖標）。它們通過啓用：通過

.getElementById().style.display = 'inline';

和殘疾人：

.getElementById().style.display = 'none';

此作品完美的B和C ---但不是一個！我知道它找到了正確啓用的圖像（通過alert（）和什麼會在一秒鐘內變得清晰），並且我也知道樣式也被設置（出於同樣的原因），但是gif只是沒有做到這一點， t出現。此外，這隻發生在Chrome瀏覽器 - Firefox和IE都顯示圖標就好。而且，比這更多 - 如果我使用

.getElementById().style.display = 'block';

而不是

.getElementById().style.display = 'inline';

Chrome會顯示圖像，以及！我不想使用block，因爲它將gif移動到它自己的醜陋的一行，但至少它證明了我擁有正確的圖像等等。而且，如果我不通過JS來更改顯示，而只是使用display：inline（而不是當前顯示：無）來創建gif，它在Chrome中顯示得很好。所有這一切使我認爲JS + Chrome在某種程度上是問題---但我不確定。：/

哦，還有一點奇怪 - 如果我點擊A，什麼都不會發生。如果我然後點擊B，那麼A的gif就會出現！

總而言之，我不知道發生了什麼，但我希望這裏有人能夠啓發我！

在此先感謝！

編輯：我已經把樣本代碼上http://jsbin.com/uzosu3/edit

來源

2010-09-02 Fafnr

嗯。您可能想要提供比這更多的代碼 - 例如JavaScript使用的實際HTML。 :)這可能有助於他人診斷問題。 – pinkgothic 2010-09-02 08:51:23

您可以將呈現的xhtml發佈到http://jsbin.com或http://jsfiddle.net，否則我們會在黑暗中進行猜測。 – 2010-09-02 10:06:29

對不起，它沒有在第一個地方，但我真的沒有想到任何代碼會做很多好東西... 無論如何，我已經粘貼在http://jsbin.com/uzosu3/edit上的東西 - 我已經稍微編輯了html以刪除任何可能對人敏感的內容，但所有主要元素（不包括實際圖片... :)都在那裏。鏈接A是與ID =「TGIF」的GIF鏈接，B是下面的一個，然後C ... 乾杯:) – Fafnr 2010-09-02 14:22:42

-1

如果你不想因爲它推動圖像下移一行使用塊。

使用

.getElementById().style.display = 'inline-block';

可能要檢查它在IE瀏覽器雖然嘗試。

來源

2010-09-02 15:04:10 diggersworld

Thanls的提示，但這顯示了同樣的奇怪行爲出現：/ – Fafnr 2010-09-03 06:00:58

Chrome：顯示：內嵌奇怪...

回答

相關問題