我正在一个网站上工作.我有一个我display: none在CSS中设置的图像.我使用JavaScript来显示它并在页面加载完成后将其滑入.它工作得很好.
我想启动网站,禁用JS,看看会发生什么.我重新加载了网页,图像根本没有显示.这是正常的,因为它已display: none在CSS中设置.
这是我的问题:这个解决方案是什么？我想要一种情况,即使在浏览器中禁用JS,用户仍然可以看到图像.我不希望图像在此时滑入,但我希望它只是加载和显示在网页上的任何其他东西.
nat*_*per 11
您可以检测JS是否已启用(像Modernizr一样会想到一些东西,或者简单的<noscript>标签可能会起作用......然后添加一些额外的CSS来再次显示它.这只是一个快速而肮脏的答案,但它应该做诀窍:
<noscript>
<style type="text/css">
#yourimage { display: block; }
</style>
</noscript>