如何设置背景图片自适应

原创 2013年12月05日 12:02:41
<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1">
<img style="position:fixed;" src="b03533fa828ba61e2939d2d24034970a314e5973.jpg" height="100%" width="100%" />

</div>



说明:



static
元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。
relative
元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。
absolute
元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。




CSS背景图片自适应、全屏、填充、拉伸

方法一、 js控制: 1 2 3 div id="formbackground" style="position:absolute; widt...

背景图片的自适应

.test { border: 20px dotted red; height: 200px; width: 200px; ma...

用background-size实现 背景图片自适应浏览器大小,但不变形

很多flash站都用到了一张背景图,然后根据浏览器大小自动缩放,但图片不变形。 在CSS3中,有属性: background-size: cover;  //只支持IE9+ -webkit-ba...

【CSS背景图片页面自适应充满屏幕】

【CSS背景图片页面自适应充满屏幕】 实现代码: body {                                         overflow: hidde...

小标题两侧加横线或背景图片自适应布局实现技巧

方法一:使用背景图html结构: 满意度调查 css结构:.tit-bar{ background:url(../img/line-bg.png) repeat-x center; ...
  • zfangls
  • zfangls
  • 2016年12月03日 13:26
  • 497

纯CSS控制背景图片100%自适应填充布局

原文:http://www.uedsc.com/css-background-size-100.html 解决: [html] view plain copy   ...

MFC对话框控件和背景图片自适应窗口最大化和拉伸缩放的实现

原文地址:MFC对话框控件和背景图片自适应窗口最大化和拉伸缩放的实现作者:406603288  转自http://hi.baidu.com/peter_niu_alex/blog/item/...

纯CSS控制背景图片100%自适应填充布局

原文:http://www.uedsc.com/css-background-size-100.html 解决: html,body{height: 100%;width: 100%;margin...
  • wd4java
  • wd4java
  • 2016年01月18日 16:32
  • 71204

andorid最新的不规则色彩背景图片自适应屏幕宽高,背景不变形

先在这里吐槽一下万恶的客户改需求... 再说一句...网上大部份资料都是坑爹的.因为不是针对你需求来写的....别照抄..你只能从多种答案中总结出自己的代码.自己的方法 所谓不规则背景图片是指...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何设置背景图片自适应
举报原因:
原因补充:

(最多只允许输入30个字)