css - 当没有打开 Javascript 时。还有什么解决办法？

Question

我正在做一个网站。我有一张图片，我在 CSS 中将其设置为 display: none 。我使用 JavaScript 来显示它并在页面加载完成后将其滑入。它运行良好。

我想在禁用 JS 的情况下启动网站，看看会发生什么。我重新加载了网页，但图像根本没有显示。这是正常的，因为它已在 CSS 中设置为 display: none。

这是我的问题:解决这个问题的方法是什么？我想要一种情况，即使在浏览器中禁用了 JS，用户仍然可以看到图像。此时我不希望图像滑入，但我希望它像网页上的任何其他内容一样加载和显示。

Answer 1

您可以检测 JS 是否已启用(一些类似 Modernizr 的想法，或简单的 <noscript> 标签可能会起到作用...然后添加一些额外的 CSS 以再次显示它。这只是一个快速的过程和肮脏的答案，但它应该可以解决问题:

<noscript>
    <style type="text/css">
        #yourimage { display: block; }
    </style>
</noscript>