-1

我正在通过互联网寻找方法来弄清楚这是如何制作的。

如果你调整窗口大小，总是有相同的比例，但它也不是那里的完整图像。

我一直在尝试一些 CSS 代码，但它不喜欢它。

.res {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}

我看到有一个滑块，但核心必须在 CSS 中，我想是的。或者可能在javascript代码的某些部分？

感谢您的时间和帮助！

4

3 回答 3

1

有一个 jQuery Plugin 来看看！这很棒！

http://demo.andreaseberhard.de/superbgimage/demo.html


啊，这是另一个仅使用 css 的解决方案，使用 css3。取自 css-tricks。

http://css-tricks.com/perfect-full-page-background-image/

html { 
  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;
}
于 2013-09-19T10:37:33.380 回答
0

利用

 max-width:100%;
 max-height:100%;
于 2013-09-19T10:38:34.023 回答
0

如果您查看代码，您会发现它是使用以下代码制作的：

http://dimsemenov.com/plugins/royal-slider/

因此，它主要是 Javascript 代码。代码当然使用 CSS 来控制布局。

于 2013-09-19T10:40:59.023 回答