Home >Web Front-end >HTML Tutorial >Please tell me how to implement this function. A better-looking baseboard_html/css_WEB-ITnose
1. You need to use 360 browser and IE10.0 to have this effect. 9.0 does not have this effect.
2. Click the zoom level of the browser window and the background image will not become smaller!
3. Example: 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: absolute9;
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: absolute9;
width: 100 %9;
height: 100%9;
overflow: hidden;
left: 0;
top: 0;
Are you sure this is it?