css - 通过css忽略图片

Question

我将以下代码与 javascript 结合使用来生成模糊的 Canvas 元素，我将其用作网站周围的背景:

<div class="bg" data-src="demobilleder/njartists.jpg" id="bgc"></div>   

这在台式机上没有问题，但实际上让大多数平板电脑都很难(使用相同的模板，RWD)

我可以通过 CSS 巧妙地禁用它吗？我知道我可以做一个显示:无，但处理仍然进行。因为有我可能会使用的媒体查询，所以我可以替换 ID 或任何其他使图像处理停止的东西？

我唯一的其他选择是做一些设备嗅探，但由于媒体查询对其他任何事情都很好，我想知道一些 CSS3 规范是否可以为我解决这个问题:)

Answer 1

没有。

JavaScript 从 DOM 中选择元素，而不是从它的可见部分。因此，即使您尝试使用 CSS 和媒体查询隐藏它，JavaScript 仍会在幕后运行和处理它。

解决方案是检查 window.innerWidth 听一个 window.onresize 事件。