首页 新闻 搜索 专区 学院

图片随浏览器自动拉伸,缩小

0
悬赏园豆:10 [已关闭问题] 关闭于 2013-04-10 10:50

有没有办法使图片随浏览器自动拉伸或缩小,急.

我用background-size:100% 100%;这个代码貌似在谷歌里还勉强可以,但是IE里却不行,有没有高手指教下,谢谢

淘@淘的主页 淘@淘 | 小虾三级 | 园豆:582
提问于:2013-04-09 15:28
< >
分享
所有回答(2)
1

一种方法:见如下

<html>
<head>

</head>
<body>
<div id="layout">
<img style="width:200px;height:100px:" id="autoImg" src="Hatake Kakashi.jpg" />
</div>
</body>
<script type="text/javascript">

window.onresize=function() {
var docWidth=document.body.clientWidth;
var docHeight=document.body.clientHeight;
var el=document.getElementById("autoImg");

el.style.width=docWidth * 0.5+'px';
el.style.height=docHeight * 0.5 +'px';
}
</script>
</html>

易之名 | 园豆:103 (初学一级) | 2013-04-09 22:58

图片不是放在Img标签里,而是作为背景出现的,

background-image: url(../Images/Login/login01.gif); background-size: 100% 100%; 
支持(0) 反对(0) 淘@淘 | 园豆:582 (小虾三级) | 2013-04-10 09:11

@淘@淘: 你得把问题描述清楚,说明你想要的具体操作,背景图片的元素是哪个,是BODY还是其它

支持(0) 反对(0) 易之名 | 园豆:103 (初学一级) | 2013-04-10 19:17
0
<!--设置背景图-->
background-image: url(../Images/Login/login01.gif);background-repeat: no-repeat;background-position: center bottom;background-size: 100% 100%;
<!--并在<table>中插入CSS的一种滤镜-->
style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')"
淘@淘 | 园豆:582 (小虾三级) | 2013-04-10 10:49
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册