如何使一整张背景图片自适应div或者table的大小

如题所述

这个需要css3来控制了:
页面代码:
<div class="bgImge"></div>
样式:
.bgImge{
width:100%;--div的宽高一定要给指定。

height:100%;
background: url(背景图路径) no-repeat center center;
background-size: 100% 100%;--这里是背景图片的大小,用百分比表示就可以随div的大小改变了。
}
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-09-01
自适应?
那就把背景图片平铺显示了

如果想div变大图片也变大,用背景图片(background-image)是做不到的追问

有没有方法能实现呢?

本回答被提问者采纳
第2个回答  2011-09-05
只能控制图片的宽和高, 控制 图片容器的话(如 DIV 或Table )如果图片太大 是会四处顶开的。
第3个回答  2011-09-02
给div或者table设定背景图片,他会自动适应的追问

能晒段代码和相对应的效果出来吗?

第4个回答  2011-09-02
设置图片自适应就行了!追问

是“背景图片” 如何让一个背景图片随着盒子大小自由缩放

如何使一整张背景图片自适应div或者table的大小
background: url(背景图路径) no-repeat center center;background-size: 100% 100%;--这里是背景图片的大小,用百分比表示就可以随div的大小改变了。}

一张图片做背景 如何使它随着div(或table)的自适应而自适应 注明(图片...
document.getElementById("div2").style.height=document.getElementById("div1").offsetHeight+"px";} else{ document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+"px";} } --> <\/script> 下面是图片随着div自动拉伸的层 <divstyle="background-image...

table或td的background图片怎么自适应100%填充?
若是让图片做一个背景进行平铺,则可以使用,background-repeat:repeat;若只是想让那一张图片被撑开,则可以使用:background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;但是这要注意的是,这个属性只有高级浏览器才能支持。比如chrome或者firefox或者IE9以上的属性。

div大小随图片大小自适应
你好!其实DIV的宽高要适应于图片的大小,那最好的办法就是不在要div里加入任何的CSS高度和宽度,如果你DIV两边还有内容的话,直接加入一个float就够了,至于宽高都改成auto或为空就行。下面我举个例子,两边分别有DIV,中间放置图像,根据图像大小自动适应,你可以参考一下:<div style="float:left"...

table或td的background图片怎么自适应100%填充?
若是让图片做一个背景进行平铺,则可以使用,background-repeat:repeat;若只是想让那一张图片被撑开,则可以使用:background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;但是这要注意的是,这个属性只有高级浏览器才能支持。比如chrome或者firefox或者IE9以上的属性。

如何让网页背景图片随窗口的大小而拉伸或缩小?
如果是背景图片,那就不能.可以通过做一个层,来做背景...这样改变图片img的大小就可以了.或者 如果你定义了table,它就随table大小而改变了,table可定义为百分比!!

html代码怎么设置背景图片大小
要看你是什么样的背影图片了,如果你想用一张图片做为背影固定不动的话,基本上就要应用做图软件修改图片大小,如果是想在一个容器里设置大小,可以直接针对容器设置,比如<table width="" height="" backgroud="图片">之类,但这样会使图片比例改变,建设最好是用做图软件修改 ...

HTML中怎么让背景图片跟着浏览器窗口变大变小?
如果是可以这样操作:第一:你的图片应该足够大,第二:把DIV的高度设置成自适应 列如CSS的写法应该这样写:height:auto !important; min-height:300px; 这里的300px就是当你的文字不是太多时的高度,如果内容高度超过300这样div高度增加,这时候背景图片就会出来了,背景图片不需要特殊操作,跟平时用...

css网站背景图应该怎样布局?
CSS中如何设拉伸背景图片铺满屏幕1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。然后建立一个html文档,将它和背景图片放到一个文件夹中。编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。2、很可惜,CSS2中并没有图片全屏拉伸的属性,所以我自己...

关于CSS中 div背景图片
有另一种方法 倒是可以实现~<div><img src="" \/><\/div> 这样图片的大小就是 div的大小了 但是与背景图片相比 在这张图片上面显示内容会有点麻烦 可以通过 层的方法 和定位的方法 来满足要求 效果看起来与背景图片是一样的~

相似回答