我有一小段用于淡入淡出效果的代码,但出于某种原因,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/