Question

我有一些淡入淡出效果的代码，但由于某种原因，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;}

Answer 1

除文档的<noscript>部分外，您不能拥有<body>代码，除了<style>部分外，您不能拥有<head>代码你的文件（见this帖子）。

另一种方法是将body标签默认为display: visible并使用JavaScript设置display属性，如下所示：

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

然后完全删除<noscript>标记，并从CSS声明中删除display:none;行。

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

1 个答案: