请问如何实现这一的功能。比较好看的底板_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:24:52
Original
1247 people have browsed it

1.需要在360浏览器  以及IE10.0才能有这样的效果 9.0没有。
2.点击浏览器窗口的缩放级别 背景图片是不会变小的!
3.例子:http://www.mafengwo.cn/s/self_regist.html


回复讨论(解决方案)

background-image: url(http://images.mafengwo.net/images/signup/mbg2.jpg);
}
background-position: 50% 50%;
background-size: cover;
bottom: 0;
right: 0;
position: fixed;
position: absolute\9;
width: 100%\9;
height: 100%\9;
overflow: hidden;
left: 0;
top: 0;

background-image: url(http://images.mafengwo.net/images/signup/mbg2.jpg);
}
background-position: 50% 50%;
background-size: cover;
bottom: 0;
right: 0;
position: fixed;
position: absolute\9;
width: 100%\9;
height: 100%\9;
overflow: hidden;
left: 0;
top: 0;

你确定就这样了?

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!