Rainyday javascript无法处理其上的文本
我曾试图用这个rainyday脚本创建一个简单的“正在构建”页面，但我写的文本不知怎么地隐藏在脚本后面，因此人们只能看到图像和雨水，而不能看到文本。代码有什么问题Rainyday javascript无法处理其上的文本,javascript,html,text,Javascript,Html,Text,我曾试图用这个rainyday脚本创建一个简单的“正在构建”页面，但我写的文本不知怎么地隐藏在脚本后面，因此人们只能看到图像和雨水，而不能看到文本。代码有什么问题 ` <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Beszállítóport
`
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Beszállítóportál</title>`
<style type="text/css">
.oldal {
z-index: 0 !important;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
font-variant: normal;
text-decoration: none;
font-stretch: normal;
word-spacing: normal;
letter-spacing: normal;
text-align: center;
vertical-align: baseline;
white-space: normal;
display: none;
height: 100%;
min-width: 800px;
max-width: 100%;
min-height: 600px;
max-height: 100%;
overflow: auto;
clip: auto;
z-index: auto;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
visibility: visible;
margin-top: 0px;
line-height: 14;
}
.text {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 3;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
position: relative;
font-stretch: normal;
display: compact;
word-spacing: normal;
letter-spacing: 3px;
text-align: center;
vertical-align: middle;
top: 70px;
font-variant: normal;
font-weight: 600;
}
body {
padding: 0;
margin: 0;
}
.header {
text-align: center;
z-index: auto;
padding: 45px 50px;
position: relative;
top: 30px;
left: 0px;
right: 0px;
clip: auto;
background-color: #CCC;
filter:alpha(opacity=60);
opacity:.6;
}
</style>
<script src="rainyday.js"></script>
<script src="dist/rainyday.0.1.1.min.js"></script>
<script>
function demo() {
var engine = new RainyDay('canvas', 'background', window.innerWidth, window.innerHeight);
engine.gravity = engine.GRAVITY_NON_LINEAR;
engine.trail = engine.TRAIL_DROPS;
engine.rain([
engine.preset(0, 2, 500)
]);
engine.rain([
engine.preset(3, 3, 0.88),
engine.preset(5, 5, 0.9),
engine.preset(6, 2, 1),
], 100);
}
</script>
</head>
<body onload="demo();">
<div id="cholder">
<canvas id="canvas">
<img id="background" src="images/bg.jpg" alt="background">
<div class="oldal">
<div class="header">
<p>
<a href="http://beszallitoportal.hu"><img src="images/logo.png" width="350" height="119" border="0"/></a>
</div>
<div class="text">
<h2>Üdvözöljük a beszallitoportal.hu oldalán.</h2><p>
Oldalunk hamarosan a látogatók előtt is megnyitja kapuit.
</canvas>
</div>
</div>
</body>
</html>
`
贝萨里波特`
奥达尔先生{
z指数：0！重要；
宽度：100%；
字体系列：Verdana，日内瓦，无衬线；
字号：18px；
字体风格：普通；
字体大小：粗体；
颜色：#FFF；
文本转换：大写；
字体变体：正常；
文字装饰：无；
字体拉伸：正常；
字距：正常；
字母间距：正常；
文本对齐：居中；
垂直对齐：基线；
空白：正常；
显示：无；
身高：100%；
最小宽度：800px；
最大宽度：100%；
最小高度：600px；
最大高度：100%；
溢出：自动；
剪辑：自动；
z指数：自动；
顶部：0px；
右：0px；
左：0px；
底部：0px；
能见度：可见；
边际上限：0px；
线高：14；
}
.文本{
字体系列：Verdana，日内瓦，无衬线；
字体大小：16px；
字体风格：普通；
线高：3；
字体大小：粗体；
文本转换：大写；
颜色：#FFF；
位置：相对位置；
字体拉伸：正常；
显示器：紧凑型；
字距：正常；
字母间距：3px；
文本对齐：居中；
垂直对齐：中间对齐；
顶部：70像素；
字体变体：正常；
字号：600；
}
身体{
填充：0；
保证金：0；
}
.标题{
文本对齐：居中；
z指数：自动；
填充：45px 50px；
位置：相对位置；
顶部：30px；
左：0px；
右：0px；
剪辑：自动；
背景色：#CCC；
过滤器：α（不透明度=60）；
不透明度：.6；
}
函数demo（）{
var engine=new RainyDay（'canvas'，'background'，window.innerWidth，window.innerHeight）；
engine.gravity=engine.gravity\u非线性；
engine.trail=engine.trail\u下降；
引擎雨([
发动机。预设值（0，2500）
]);
引擎雨([
发动机。预设值（3,3,0.88），
发动机。预设值（5,5,0.9），
发动机。预设（6，2，1），
], 100);
}
Üdvözöljük a beszallitoportal.hu oldalán.
Oldalunk hamarosan aátogatók előtt就是megnyitja kapuit。