Question

我试图在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

任何关于可能是失败和/或修复的根本原因的指示都将不胜感激。

Answer 1

没有网址组件的HTML 4.01 Transitional Doctype会在浏览器中触发Quirks模式。

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

在Quirks模式下，模拟了许多旧浏览器（从20世纪90年代开始）的漏洞。

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

Answer 2

Web Oficial：

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堆叠顺序

问题身体层是看不到雪意味着0是没有，所以需要改变为1000是可以看到身体正面显示前面的雪。

sry bad english

2014年圣诞节和2015年新年; - ）

Javascript适用于doctype html4但不适用于html5

2 个答案: