首页 > web前端 > html教程 > 背景图跟随界面大小而改变_html/css_WEB-ITnose

背景图跟随界面大小而改变_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:22:00
原创
1668 人浏览过

背景图 自动变化 CSS

有一张比较大的背景图2000×648
利用css设置为页面的背景
CSS如下:
body {text-align: left; font-family:"新宋体"; margin:auto;padding:0;
      font-size:12px;color:#0C0C0C; background-color: #FFF; 
      BACKGROUND:url(../images/bj.gif) no-repeat;background-position: top center;}

请教大虾要怎么做可以让背景图片根据页面的大小而自动调整大小,始终显示全图,而不是一部分?

回复讨论(解决方案)

图片随着页面的大小而改变,
.css{
 width: 100%;
            position: absolute;
            margin-right: auto;
            margin-left: auto;
}

<img  src="http://s.cn.bing.net/az/hprichbg/rb/OiaNight_061313_ZH-CN11167850861_1366x768.jpg" / alt="背景图跟随界面大小而改变_html/css_WEB-ITnose" ><div contenteditable="true"   style="max-width:90%"></div><input type="button" value="submit"></input>
登录后复制


body {padding:0;margin:0;}img {    position:absolute;width:100%;height:100%;z-index:-999;}
登录后复制

使用background的方式好像不能实现,等待高手讲解background实现方式。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板