当使用firefox webdeveloper工具栏编辑CSS时，为什么当工具栏打开时，某些图像会消失？ [英] When using the firefox webdeveloper toolbar to edit CSS, why do some image disappear when the toolbar is open?
问题描述
我为HTML文档编辑和构建样式表的典型工作流程是打开Firefox Web开发人员工具栏的编辑CSS面板并直接在浏览器窗口中进行编辑。
大部分这个工作的时间就像一个魅力。然而，有时候，当我打开编辑CSS面板时，某些图像消失，我不知道为什么。而且更奇怪的是，有些时候，我打开的工具栏添加的图像在关闭时不可见。 （我主要讨论的是用CSS背景图片规则添加的图片）。
这里有一些例子...
http://kenbrook.org - 如果您打开编辑CSS面板，则正文背景图片消失，以及几个div背景。实际上，我认为几乎所有的CSS背景图像都消失了。我没有写这个网站的标记和大部分风格，但我负责编辑和完成它们。那么有什么想法，为什么发生这种情况？
http://joelglovier.com - 同样检查一下，我现在正在为自己编写样式（现在只在页面上添加几个元素）。在头div我有一个空的div，我正在把图像。当编辑CSS打开时，图像显示为预期。然而，当它关闭时，图像不能被看到，虽然使用萤火虫，我可以看到风格肯定是应用的，div是它应该在哪里。
任何解释不过，如果你看看Web开发工具栏的主页，我发现这个：
'编辑CSS 问题下的不适用于与CSS链接的背景图片。所以，这是插件目前无法处理的相关链接图像。尝试让插件的创建者来修复它...我只是讨厌这个问题，以及...
My typical workflow for editing and building my stylesheets for HTML documents is open the Firefox web developer toolbar's Edit CSS panel and edit directly in the browser window.
Most of the time this works like a charm. There are times, however, that when I open the Edit CSS panel, certain images disappear, and I have no idea why. And even more strange, some times images that I add with the toolbar open are not visible when it is shut. (I'm talking primarily of images that are added with the CSS background-image rule).
Here's some examples...
http://kenbrook.org - if you open the Edit CSS panel, the body background image disappears, along with several of the div backgrounds. In fact, I think almost all of the CSS background image images disappear. I didn't write the markup and most of the styles on this site, but I'm responsible for editing and completing them. So any idea why this happens?
http://joelglovier.com - also check this one that I'm just now building myself and writing the styles for (only a couple elements on the page right now). In the header div I have an empty div that I'm putting an image in. When Edit CSS is open, the image appears as expected. When it's closed, however, the image cannot be seen, although using firebug I can see the style is definitely being applied and the div is where it should be.
Any explanation??
Though, if you look at the Web developer toolbar homepage I find this: "'Edit CSS' does not work with background images that are linked relative to the CSS" under "Issues". So, it's the relative linked images that the addon can't handle at the moment. Try to get the creator of the addon to fix it... I just hate this issue as well...
这篇关于当使用firefox webdeveloper工具栏编辑CSS时，为什么当工具栏打开时，某些图像会消失？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
