0

我尝试运行 scriptmania 提供的几个“落雪背景”类型的脚本。只有javascript，没有jquery。

我很困惑，其中一些在 IE 中运行良好，但在 doctype 设置为 HTML5 时无法在 FF、Chrome 或 Safari 中设置动画。当 doctype 设置为 HTML 4.0 Transitional 时，脚本会在上述任何浏览器中运行。

以下是具有此行为的几个脚本的链接：

http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall.html

http://rainbow.arch.scriptmania.com/scripts/bg/autumn_fall_timeout.html

任何关于可能是故障和/或修复的根本原因的指针将不胜感激。

4

2 回答 2

1

没有 URL 组件的 HTML 4.01 过渡文档类型会在浏览器中触发 Quirks 模式。

HTML 5 Doctype 在浏览器中触发标准模式。

在 Quirks 模式下，模拟了旧浏览器（从 1990 年代开始）的许多错误。

对这些错误中的任何一个的依赖都可能是问题的原因，但最有可能的是设置了一个 CSS 属性，该属性需要一个长度但给它一个Number。要求单位以外的长度0（例如23px）。

于 2013-09-22T00:30:19.190 回答
0

官网：

http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall_2.html

下载：

http://rainbow.arch.scriptmania.com/scripts/bg/snowstorm.js

代码：

<!-- SNOW TAGS START -->

<!-- Copy the <script> tag into your own page(s) for the snow effect. That is all! (No CSS etc. is needed) -->
<script type="text/javascript" src="snowstorm.js"></script>
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.flakesMaxActive = 95; // show more snow on screen at once
snowStorm.snowStick = true; // When false, snow will never sit at the bottom
snowStorm.animationInterval = 33; // 20 = fast + smooth, but 50 = more but slower
</script>

<!-- SNOW TAGS END -->

打开你的文件 snowstorm.js 是第 41 行

前：

this.zIndex = 0; // 应用于每个雪花的 CSS 堆叠顺序

后：

this.zIndex = 1000; // 应用于每个雪花的 CSS 堆叠顺序

问题body layer是看不到雪就代表0是none，所以需要改成1000才可以看body的前面显示前面有雪。

对不起英语不好

2014 年圣诞快乐和 2015 年新年快乐 ;-)

于 2014-12-10T12:57:55.363 回答