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属性