如果禁用JavaScript，则显示背景图像

Question

我有一个div块，它使用视差滚动器来显示视差壁纸：

<div class="parallax-window" data-parallax="scroll" data-image-src="whatever.jpg" id="MyElement">
<!-- lots of nested HTML -->
</div>

我看到了一个巧妙的技巧，可以在没有JavaScript的情况下使用hidden来隐藏div，但我不想在这里隐藏所有嵌套的块。除了将class设置为一个简单的壁纸类，然后使用document.getElementById("MyElement").className = "parallax-window";覆盖之外，还有什么干净的方法可以做到这一点吗？

Answer 1

尝试<noscript>标签：

<noscript>
<style>
div{
background-image: url("image.png");
}
</style>
</noscript>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript