Blogger博客雪花飘落效果无法显示在内容上方的修复求助

将雪花飘落JavaScript代码复制到Blogger网站的body标签中后，雪花仅在博客文章下方飘落，无法显示在内容上方，如何修正？

原代码：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'></script>
<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var  $flake=$('<div id="flake"  />').css({'position':'absolute','top':'-50px'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var  interval=setInterval(function(){var  startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script>
<script>$(document).ready(  function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});</script>

问题截图：

雪花被博客内容遮挡的核心原因是层级（z-index）低于内容区域，只需给雪花元素设置足够高的z-index值，就能让它显示在所有内容上方。

修改步骤：

• 在创建雪花元素的CSS样式中添加 'z-index': '9999'（数值可根据实际调整，只要高于博客内容的z-index即可）

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'></script>
<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var  $flake=$('<div id="flake"  />').css({'position':'absolute','top':'-50px','z-index':'9999'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var  interval=setInterval(function(){var  startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script>
<script>$(document).ready(function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});</script>

补充说明：如果修改后仍有部分区域被遮挡，可以检查博客内容容器的z-index值，将雪花的z-index设置为比该值更高的数字即可。

内容的提问来源于stack exchange，提问作者Black_Hoodie