码迷,mamicode.com
首页 > Web开发 > 详细

如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)

时间:2014-10-09 02:17:27      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   os   使用   for   c   问题   on   代码   html   

默认情况下,通过HTML代码的BODY标签设置好背景图片<body background="x.jpg"> 后,图片会自动横向和纵向平铺。这就会产生一些美观上的问题。 XP人提供CSS代码如下,放在页面头部即可,仅供参考: <style type="text/css"> body { background:url(/img/background.png); background-repeat: repeat-x; background-positon: 100%,100%;} < /style>

续: 有几位朋友说我的这篇文章实在没能解决他们的问题,他们希望的是不考虑自己背景图片的大小,不管多大的屏幕,自己的背景图片自动上下拉伸自己,适应屏幕大小,铺满整个屏幕。所以,我今天再把下面的代码和大家分享。要想实现这样的效果,可以考虑使用滤镜。 <style type="text/css"> body{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘/skin/v2011/images/body.png‘,sizingMethod=‘scale‘); background-repeat: no-repeat; background-positon: 100%, 100%; } < /style>

如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)

标签:style   os   使用   for   c   问题   on   代码   html   

原文地址:http://www.cnblogs.com/disneyland/p/4012014.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!