css body背景图片拉伸,兼容IE6、7、8及火狐
求兼容IE6、7、8及火狐的背景图片拉伸100%css代码,根据浏览器窗口大小而全屏css代码(不是重复平铺)...
求兼容IE6、7、8及火狐的背景图片拉伸100%css代码,根据浏览器窗口大小而全屏css代码(不是重复平铺)
展开
7个回答
展开全部
你可以做个假的背景图
我的意思是:
你可以在body上加个图片把图片宽100% 高
然后把他弄成position:absolute;z-index:-10;
再在上面加任意标签均可。
实例代码:
<img src="img.jpg" style="width:100%;height:600px;position:absolute;z-index:-10;">
<div style="width:100px;height:100px;background:#ccc">
展开全部
不知道理解的对不对
看看吧 比如:
body{
background:url(../img.jpg);
background-size:100% 100%; //这里面有两个值一个是宽,一个是高
}
看看吧 比如:
body{
background:url(../img.jpg);
background-size:100% 100%; //这里面有两个值一个是宽,一个是高
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
IE6的话建议你用jquery在代码加载完之后根据取得的窗口值重置下css即可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
办法是可以解决的,如果浏览器的分辨率大的话背景图片拉伸图片会很难看,除非你的图片足够大,最简单的办法就是让图片在顶部和居中
background:url(images/a2.jpg) no-repeat top center;
background:url(images/a2.jpg) no-repeat top center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
body{
width:100%;
height:100%;
background:url(images/a2.jpg) no-repeat;
background-size:100% 100%;
}
这是css3的代码,支持浏览器:IE(9)、firefox、Chrome、Opera、Safari。
ie/6/7/8不支持css3,即使加了PIE.htc文件也没用
width:100%;
height:100%;
background:url(images/a2.jpg) no-repeat;
background-size:100% 100%;
}
这是css3的代码,支持浏览器:IE(9)、firefox、Chrome、Opera、Safari。
ie/6/7/8不支持css3,即使加了PIE.htc文件也没用
追问
除了IE6 外都可以用,可惜我们单位很多系统都是以IE6.0开发的,很无奈,分给你
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询