Maison > Article > interface Web > 这种背景可以自由按窗口扩缩的是怎么做的？_html/css_WEB-ITnose
这种背景可以自由按窗口扩缩的是怎么做的？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:43:54859parcourir
这种背景可以自由按窗口扩缩的是怎么做的？
回复讨论(解决方案)
CSS背景图 平铺。
只要背景图片支持平铺就OK了
然后页面的div 宽度100%;高度100%;平铺背景。
基本上结构是这么写的
<body> <!-- 页面整个背景，也就是看到的蓝色背景，平铺可延展图片 --> <div style="width:100%;height:100%"> <div style="width:1002px;margin:0 auto"> <!-- 页面主内容，就是看到的登录表单 --> </div> </div></body>
背景就是一张蓝色图片剧中
左上角 右下角 是分开的小图片 进行了定位
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：日程实现问题_html/css_WEB-ITnoseArticle suivant：IE6、IE7下的z-index问题_html/css_WEB-ITnose