导航:首页 > 图片大全 > 如何在div盒子里把图片拉伸

如何在div盒子里把图片拉伸

发布时间:2022-08-16 01:08:02

① javascript 实现图片自动适应DIV的大小并进行拉伸,使图片不重复显示

楼主,这个我接触多了你试试我的.可以的话求采纳。
css:
.div1{width:100px;}//这个随意设置
.div1 img{width:100%;}
html:
<div class="div1"><img src="我的图片" /></div>

② css IE中div背景图片怎么拉伸

ie也是支持的,只是在ie9以上,因为它是css3的新属性。

低于ie9的,拉伸,还真没办法,你只能做图片大点,或者用填充。更或者,背景居中,然后,不填充,用颜色来填充解决。

③ 怎么用css把背景图片拉伸 不是平铺

1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。

如何让一个div随着里面的图片变大变小,也就是说div高随着图片的高变大变小而变大变小

这样存在两种情况,一种是div是浮动的脱离了标准流或者是不是块元素的情况下,div宽和高理论上是和图片宽高一致的。第二种情况是div保持块元素,如果是这样高度是和图片一致的,但是宽度默认是100%。因为独立占据一行,因此宽度和父元素一致。因此这种情况就得使用js来获取图片宽度,并将其设置成为div的宽度。如果实在不会,度娘搜获取对象宽度,设置对象宽度。想帮助到你

⑤ div背景图片拉伸问题

假设 div 有一个id="a"
var width=$("#a").width();
var height=$("#a").height();
$("img").css({"height":height,"width":width})
我不需要考虑兼容性问题 我永远保证我图片和你的div 宽度 高度相同
希望能帮到你

⑥ 请教大师,如何让div背景图片自动拉伸,而不是平铺

无法拉伸!
但是你可以用 background-repeat:no-repeat;
这个方法来 控制背景不会平铺!
或者将你上面的代码改为
<div id="BgImg"
style="height: 194px; width:100%; background-image: url('l_04.jpg') no-repeat;">

⑦ 制作html网页时如何使用CSS使背景图片拉伸(

比方说背景图片铺满整个div(不管多大):

<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/100%100%"></div>

如果想让图片保持原始的长宽比例不变形(多余部分自动裁去):

<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/cover"></div>

如果想保持比例的同时又要显示出完整的图片(div会出现留白):

<divstyle="width:320px;height:240px;background:url(图片url)no-repeatcenter/contain"></div>

⑧ DIV+CSS,怎样将背景图片拉伸到全屏!! 谢谢各位了 急呀~~~

拉伸是可以做的,需要用到另外一个属性:
css中设置背景图拉伸填充,在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示,可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类:
1.是一整张大图,尺寸和区域大小刚好吻合
2.一个很小的条状图,通过repeat后,形成一个很规则的大图背景。
css3出现以后,可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox,chrome,以及ie9上都可以使用。
具体使用方法如下:
背景图尺寸(数值表示方式):
#background-size{ background-size:200px 100px; }
背景图尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景图尺寸(等比扩展图片来填满元素,即cover值):
#background-size{background-size:cover; }
背景图尺寸(等比缩小图片来适应元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景图尺寸(以图片自身大小来填充元素,即auto值):
#background-size{ background-size:auto; }

⑨ DIV+CSS,怎样将背景图片拉伸到全屏!!

CSS里面没有拉伸的属性的,只有平铺

这里有个参考的方法,不过只适用于自己做网页,网络空间不适用

阅读全文

与如何在div盒子里把图片拉伸相关的资料

热点内容
肖姓氏文字图片 浏览:735
懒羊羊可爱的图片 浏览:669
朋友一直发图片怎么回 浏览:79
小丑穿的衣服图片 浏览:809
男孩图片头像阳光帅气暖男高清 浏览:583
美女吻玫瑰的图片 浏览:100
中国老头图片大全可爱 浏览:549
在ppt中如何将图片变立体 浏览:484
小女孩上学对保安弯腰的图片 浏览:699
女生跟男生说晚安图片 浏览:904
如何使用ps制作黑色背景的图片 浏览:969
批量打印word图片 浏览:304
实拍女生生殖器图片 浏览:885
女生长发卷发图片学生 浏览:795
苹果手机相册如何避免重复图片 浏览:385
美女泳裤图片 浏览:724
迷你小空调价格及图片 浏览:904
word中如何修改图片的形状 浏览:568
美女胸特图片 浏览:19
捣文字图片 浏览:30