2013-09-22 28 views
0

我試圖運行scriptmania上可用的幾個「落雪背景」類型的腳本。只是JavaScript,沒有jQuery。Javascript的使用文檔類型html4,但不能用html5

我感到困惑的是,它們中的一些在IE中正常工作,但在文檔類型設置爲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

任何指針,以什麼可能是失敗的根本原因和/或修復會讚賞。

+0

它爲我在Chrome:http://jsbin.com/ijEcUji/1/請出示確切地說你是如何設置文檔類型,並讓我們知道它不適合你的瀏覽器是否在其控制檯中報告任何錯誤。 – nnnnnn

+0

看着這段代碼,它看起來很難與舊版瀏覽器兼容。這在編寫時可能是合法的,但今天瀏覽器更加標準化。這可能是腳本使用HTML4中允許的某些內容來兼容,但HTML5 DOCTYPE使瀏覽器更加嚴格,從而消除了過時的功能。 – icktoofay

+0

使用<!DOCTYPE HTML PUBLIC「 - // W3C // DTD HTML 4.0 Transitional // EN」>或<!DOCTYPE HTML>。任何一個後跟。 – codeDawg

回答

1

沒有URL組件的HTML 4.01 Transitional Doctype觸發瀏覽器中的怪癖模式。

HTML 5 Doctype觸發瀏覽器中的標準模式。

在怪癖模式中,模擬了許多舊版瀏覽器(從20世紀90年代起)的錯誤。

扶養任何這些缺陷可能是問題的原因,但最有可能的是,事情是設置一個希望將長度一個CSS屬性,但給它一個。除0之外的其他長度需要單位(如23px)。

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疊加順序應用於每個雪花

問題身體層是看不到雪意味着0是沒有的,所以需要改變爲1000是可用的看到前面的身體顯示在前面的雪。


SRY的英語不好

聖誕節2014年和新年2015年;-)

相關問題