当前位置:首页 > 开发 > Web前端 > 前端 > 正文

图片填充整个浏览器

发表于: 2012-05-14   作者:bozch   来源:转载   浏览:
摘要: 如下是html代码:<div id="systembcg" style="width: 100%;height: 100%;overflow: hidden;"> <div style="top: -50%;left: 0;width: 200%;height: 200%;position: absolute;">

如下是html代码:<div id="systembcg" style="width: 100%;height: 100%;overflow: hidden;">
<div style="top: -50%;left: 0;width: 200%;height: 200%;position: absolute;">
<table cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;overflow: hidden;">
<tr>
<td style="width: 100%;height: 100%;overflow: hidden;">
<img id="systemImge" alt="" src="jquery-easyui-1.1.2/themes/yl/images/background.jpg" />
</td>
</tr>
</table>
</div>
</div>

如下是javascript代码:


//背景图片
$(window).resize(function(){
$("#systembcg").css({zIndex:-1000005});
$("#systemImge").css({width:$(this).width(),height:$(this).height(),zIndex:-1000005});
});

如何使用css让图片填充整个浏览器 还在探索中。。。。。。

图片填充整个浏览器

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号