javascript - 液体背景

Question

我想在我的网站上有一个流动的背景，比如你可以在这个网站上看到的： http ://www.baliilmare.com/

我过去曾经使用 FLASH 和 actionscript 3 完成它，但它看起来确实过时了作为一个选项

而 max-width 100% CSS 技巧并没有给出相同的结果。

我实际上想从这个网站上获取 Javascript，但在 javascript 方面真的很菜鸟，需要一个 tut 或者可能有人指向正确的 JS/Jquery（我看到源代码中使用了不同的 .js 文件）然后我可以用谷歌搜索它看看它是如何工作的......

有人可以帮忙吗？

Answer 1

您可能可以将背景图像加载到您的身体标签中：

body { background-image: url(/images/thisbackground.jpg);

希望这可以帮助

Answer 2

使用 Firefox 或 Chrome 并右键单击->检查元素。这是查看网站背后发生的事情的最快方式。

他们正在使用图像作为封面。

HTML：

<div class="coverImg" style="background-image: url(urltoimage); height: 456px; ">
</div>

CSS：

.coverImg {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}