javascript - <noscript> 不适用于 firefox

标签 javascript html css

我有一小段用于淡入淡出效果的代码,但出于某种原因,firefox 没有获取我需要的代码,因为淡入淡出效果不适用于 firefox。我缺少什么才能让它发挥作用?

<noscript>
</style>
<style type="text/css"> 
  body {display:inherit !important;} /*if they haven't got javascript we need to show the body       
</style>
</noscript>

<script type="text/javascript">
 $(document).ready(function() { $("body").fadeIn(1500);});
</script>

CSS

body {
     background-color:#000;
     overflow-x:hidden;
     -webkit-text-size-adjust:100%;
     display:none;}

最佳答案

你不能有 <noscript><body> 以外的任何地方标记你的文件的一部分,你不能有 <style><head> 以外的任何地方标记文档的一部分(参见 this 帖子)。

另一种方法是将 body 标签默认为 display: visible并设置 display像这样使用 JavaScript 的属性:

<body>
    <script type="text/javascript">document.body.style.display = "none";</script>
    ...
</body>

然后摆脱你的<noscript>完全标记并删除 display:none; CSS 声明中的行。

这样做的好处是,如果浏览器没有启用 JavaScript,您的 <body>无论浏览器如何处理 <noscript>,标记都将可见标签。

关于javascript - <noscript> 不适用于 firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14300813/

相关文章:

html - Jekyll 抵消代码段突出显示的初始行

javascript - 使用下划线从对象列表中过滤匹配值

java - 将模板应用到现有 HTML 代码的简单方法

javascript - 使用 for 循环清除和重绘 HTML5 Canvas

android - 必填字段 html 5 不适用于 android Web 浏览器

css - 如何减少垂直单选按钮列表之间的间距

javascript - md-checkbox 的行为类似于单选按钮 - AngularJS

javascript - 在 Node.js 中将 js 代码字符串作为函数执行,而不使用 eval

javascript - node.js 上的程序性二维数组 mongoDB 插入耗尽内存

html - IE10+ 嵌套 3d 变换内部溢出 :auto are brake :hover behaviour