导航:首页 > 图片大全 > 如何在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盒子里把图片拉伸相关的资料

热点内容
简单水果水粉画图片 浏览:605
手机淘宝图片怎么分享 浏览:637
动漫蛇精图片 浏览:560
哭的动画图片男生伤心 浏览:193
穿白衬衫里面加点啥衣服图片 浏览:403
尤蜜图片美女 浏览:597
动漫半张脸图片女生 浏览:590
帅气男生无所谓图片 浏览:381
表格换背景怎么保存图片 浏览:360
指甲短发型图片 浏览:275
女生图片头像黑白卡通 浏览:988
好看图片男生背影 浏览:504
2018年短发发型图片女 浏览:536
好看的男生图片成熟 浏览:127
最新版的文字图片 浏览:714
古代男生素描图片 浏览:723
抠出来的图片如何上下旋转 浏览:921
word中图片不能选中 浏览:238
男生的苹果壁纸图片大全 浏览:93
舔美女的脚丫图片大全 浏览:601