Javascript 如何让rainyday.js使用CSS背景图像作为背景？_Javascript_Jquery_Html_Css

Javascript 如何让rainyday.js使用CSS背景图像作为背景？

javascript jquery html css

Javascript 如何让rainyday.js使用CSS背景图像作为背景？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此，我有一个基本的网站与一个完整的大小，固定的背景设置与CSS。我想实现rainyday.js在我的整个网站的一切之上，包括文本目前，我能做的最好的事情就是让rainyday.js在顶部覆盖另一个背景图像，然后在这个小部分中下雨。它正在创建另一个“背景”并使用它这似乎是可能的，但我不明白你该怎么做谢谢 HTML: 作者仍在努力，看，你可以与其他人讨论，在该问题的门票，甚至加入的进展，以添加此功能 <!DOCTYPE html> <html lang="en">

因此，我有一个基本的网站与一个完整的大小，固定的背景设置与CSS。我想实现rainyday.js在我的整个网站的一切之上，包括文本

目前，我能做的最好的事情就是让rainyday.js在顶部覆盖另一个背景图像，然后在这个小部分中下雨。它正在创建另一个“背景”并使用它

这似乎是可能的，但我不明白你该怎么做

谢谢

HTML:

作者仍在努力，看，你可以与其他人讨论，在该问题的门票，甚至加入的进展，以添加此功能

<!DOCTYPE html>

<html lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">

    <title>Safe House</title>

    <link href="index.css" rel="stylesheet">

</head>



<body>


    <div id="yes">
        <div id="maindiv">
            Safe House
        </div>

        <div id="secondarydiv">
            <p>noun</p>

            <p>1.</p>

            <p>a dwelling or building whose conventional appearance makes it a
            safe or</p>

            <p>inconspicuous place for hiding, taking refuge, or carrying on
            clandestine activities.</p>
        </div>
    </div>
</body>
</html>

@import url(http://fonts.googleapis.com/css?family=Coming+Soon);


#maindiv {
      text-align: center;
      font-family: 'Coming Soon', sans-serif;
      font-style: italic;
      color: white;
      text-transform: uppercase;
      font-size: 10em;
      font-weight: 700;
      text-transform: uppercase;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

#secondarydiv{

    font-family: 'Coming Soon', sans-serif;
      font-style: italic;
      color: rgba(255, 255, 255, 0.7);
      text-transform: uppercase;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
      font-size: 1.5em; /*font size of main headings*/
      font-weight: 700;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
      margin-left: 300px;
}

#yes {
    margin-top: 150px;
}


body { 
  background: url("images/bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

p {
    margin: 0;


}