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

WBOY
Lepaskan: 2016-06-24 12:24:52
asal
1244 orang telah melayarinya

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;

你确定就这样了?

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!