> 웹 프론트엔드 > HTML 튜토리얼 > 背景图跟随界面大小而改变_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:22:00
원래의
1655명이 탐색했습니다.

背景图 自动变化 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿