谁能告诉我这种效果是如何实现的?

时间:2015-09-30 15:22:06

标签: jquery html css dynamic slideshow

所以在这个网站上: https://www.sohofarmhouse.com/hotel/farmyard-up

当屏幕尺寸发生变化时,背景图像会自动调整大小,但始终保持纵横比。

我的猜测是这与div中的div有关,但请有人为我分解,因为我希望能够在我自己的网站上实现这一点。

非常感谢。

1 个答案:

答案 0 :(得分:0)

嗯,至少有两种方法可以达到这个效果。您可以根据浏览器兼容性选择其中一个。

1)您可以使用div的背景图像和设置选择纯css解决方案:

&sub

如果IE8是您的目标浏览器之一,则无法使用此方法。

2)您可以使用javascript库。我经常使用名为jquery Backstretch的库。它非常易于使用。