Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何复制此背景图像效果?_Javascript_Jquery_Html_Responsive Design - Fatal编程技术网

Javascript 如何复制此背景图像效果?

Javascript 如何复制此背景图像效果?,javascript,jquery,html,responsive-design,Javascript,Jquery,Html,Responsive Design,使用此示例: 我喜欢当你把浏览器打开得更宽时背景图像不断放大的方式。但是,如果您尝试最小化浏览器,它也有一个最小宽度 我想复制一下这个。有人能给我指出一个插件或代码,我可以用它把类似的东西插入我的网站吗?他们正在使用背景尺寸:封面将背景图像缩放为 。。。尽可能小,同时确保其两个尺寸 大于或等于零件的相应尺寸 背景定位区 此属性应可在除IE8之外的任何浏览器中使用。卓越、简单、渐进的CSS3方式 由于CSS3中的backgroundsize属性,我们完全可以通过CSS来实现这一点。我们将使用ht

使用此示例:

我喜欢当你把浏览器打开得更宽时背景图像不断放大的方式。但是,如果您尝试最小化浏览器,它也有一个最小宽度


我想复制一下这个。有人能给我指出一个插件或代码,我可以用它把类似的东西插入我的网站吗?

他们正在使用
背景尺寸:封面将背景图像缩放为

。。。尽可能小,同时确保其两个尺寸 大于或等于零件的相应尺寸 背景定位区


此属性应可在除IE8之外的任何浏览器中使用。

卓越、简单、渐进的CSS3方式 由于CSS3中的backgroundsize属性,我们完全可以通过CSS来实现这一点。我们将使用html元素(比body更好,因为它总是至少与浏览器窗口的高度相同)。我们在它上面设置一个固定且居中的背景,然后使用设置为cover关键字的背景大小调整它的大小。 试试这个

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;
}

摘自

谢谢,我不知道这个CSS属性