Javascript 当父对象隐藏且读取子对象的css时，防止下载背景图像

我们已经知道，为了防止加载元素

背景图像

，必须使用

显示：无

隐藏其父元素

这种方法对FF和Chrome非常有效

在Chrome上，当您使用jquery

.css（）

（

getComputedStyle

）方法读取任何

.child

div css属性时，图像将开始下载。 元素仍处于隐藏状态，因此它不应该被隐藏。 Firefox没有下载

我还在Safari 5.1上测试了它，它也是一样，它开始下载图像，所以可能是webkit浏览器的行为：(

我已经创建了测试用例：

用铬合金把它打开

打开“开发人员工具”和“转到网络”选项卡

重新加载页面，如您所见，没有

example\u image.png

文件，因此不会加载背景图像

单击一个按钮，它将从

.child

元素中读取css宽度值

示例_image.png

已开始下载

有人知道读取css值但阻止下载背景图像的（黑客）解决方案吗

---

我正在考虑将

背景图像

存储在其他css属性中，如

计数器重置

，请参见此处“”但是每次当我的css类更改为更新元素上的

背景图像

样式时，它都需要运行js循环。

您可以在使

.parent

可见的同时动态设置

背景图像