CSS3设计网页怎么放大背景图片。

html-css017

CSS3设计网页怎么放大背景图片。,第1张

你说的应该是鼠标放到图片上然后图片自动放大 而不是宽 高的放大追问: 我希望的是一打开网页,背景不重复的覆盖整个body部分,不是四分之一的body。我是这个意思 回答: 你是要规定背景咯 追问: 在哪里规定,页面属性和CSS里面都找不到。我用的是Adobe Dreamweaver CS3 回答: body { background: url(booy.jpg) no-repeat fixed center top transparent} Dreamweaver只是编辑器 又不是代码库 追问: fixed center top transparent这几个前面加什么。我是初学者,而且英语不行 回答: fixed固定图片 center 居中 追问: 我的意思是前面加什么。就像no-repeat前面加background-repeat:,不是问什么意思。 回答: no-repeat 就是不重复图片 追问: 我知道no-repeat是不重复图片的意思,但是你就这么打在style也没用,前面要加一个background-repeat:,我的意思是fixed center top transparent这几个前面要加什么才会生效 回答: 你留下你QQ我稍后加你 追问: 942754361

采纳哦

可以使用css的background-size属性来调整背景图片的大小,比如:background-size: 240px 180px背景图片的宽为240像素,高为180像素background-size: 50% 30%背景图片的宽设为容器宽度的50%,高设为容器高度的30%background-size: cover把背景图片扩展至足够大,以使背景图片完全覆盖容器区域(背景图片的某些部分也许无法显示在容器区域中)background-size: contain把背景图片扩展至最大尺寸,以使其宽度和高度完全适应容器区域(容器的部分边角位置可能会留空)需要注意的是,background-size是css3的属性,浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的(如果你坚持用IE6那当我没说)