자바 스크립트는 doctype html4에서 작동하지만 html5에서는 작동하지 않습니다.

Question

scriptmania에서 제공되는 "떨어지는 눈 배경"유형 스크립트를 여러 번 실행하려고했습니다. 그냥 자바 스크립트, 아니 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

URL 구성 요소가없는 HTML 4.01 전환 형 Doctype 브라우저에서 쿼크 모드가 트리거됩니다.

HTML 5 Doctype은 브라우저에서 표준 모드를 ​​트리거합니다.

Quirks 모드에서는 (1990 년대의) 구형 브라우저의 많은 버그가 에뮬레이션됩니다. 이러한 버그의에

의존성 문제의 원인이 될 수 있지만, 가장 가능성이 뭔가가 길이을 예상하는 CSS 속성을 설정하지만, 그것을 수을주고 있다는 점이다. 0 이외의 길이에는 단위 (예 : 23px)가 필요합니다.

Answer 2

웹 공식 주제 :

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 ;-)