我有这个css:
body { background-image:url('grey.jpg'); }
body.red { background-image:url('red.jpg'); }
body.blue { background-image:url('blue.jpg'); }
Alterantively,我正在使用它,我认为这可能是一个解决方案,但它不是:
body { }
body.red { background-image:url('red.jpg'); }
body.blue { background-image:url('blue.jpg'); }
body:not(.red, .blue) { background-image:url('grey.jpg'); }
这个想法是,如果身体没有特殊的颜色类,只有这样,它才会应用灰色背景。
根据我对解析HTML和CSS的了解,在两种变体中,现代浏览器实际上只在真正需要时加载grey.jpg,否则会跳过它。
但是:我正在使用modernizr.js(作为drupal主题和原因的一部分)。分析浏览器开发人员工具(firefox和chrome)的网络窗格,modernizr.js实际上以某种方式请求grey.jpg,即使它不需要。
这增加了加载时间,所以我想防止这种情况发生。 知道为什么modernizr这样做以及如何阻止它?
(编辑/碰撞:尚未发现任何解决方案......任何人都知道吗?)