当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
html中的背景图片不能充满整个浏览器, 图片不够大,如下图: 但是还想要全屏的效果,由于<body&
在做全屏网页的时候会出现这样的情况: 窗口最大化显示时正常,当缩小窗口时,出现了滚动条,将滚动
[转自]http://68ps.5d6d.com/thread-14163-1-4.html 本帖最后由 Regiswang 于 2009-7-28 13:32 编辑
功能 : 1.实现图片浏览 2.屏幕拍照 (图片保存到桌面 格式 png) 3.ctrl+c 图片剪切 (点击鼠标右键
将目前正在浏览的一个网页迅速做成短url并且分享给好友,貌似这扩展我们以前介绍过。 Tabulate! 是
好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小
  今天处理一个奇怪的需求,B/S系统中,网页中显示顶点位置可变的五边形,想了想,好像一般的JS图
  今天处理一个奇怪的需求,B/S系统中,网页中显示顶点位置可变的五边形,想了想,好像一般的JS图
  今天处理一个奇怪的需求,B/S系统中,网页中显示顶点位置可变的五边形,想了想,好像一般的JS图
  今天处理一个奇怪的需求,B/S系统中,网页中显示顶点位置可变的五边形,想了想,好像一般的JS图
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号