css中设置网页背景图片平铺但不重复
2014-09-06 15:24
691 查看
body
{
background: url(../img/backgrounds/2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;//这条一定要
}
该设置对以下浏览器有效:
Safari 3+
Chrome Whatever+
IE 9+
Opera 10+ (Opera 9.5 supported background-size but not the keywords)
Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
参考:http://css-tricks.com/perfect-full-page-background-image/
{
background: url(../img/backgrounds/2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;//这条一定要
}
该设置对以下浏览器有效:
Safari 3+
Chrome Whatever+
IE 9+
Opera 10+ (Opera 9.5 supported background-size but not the keywords)
Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
参考:http://css-tricks.com/perfect-full-page-background-image/
相关文章推荐
- CSS设置html网页背景图片 CSS设置网页背景颜色
- css 如何让背景图片拉伸填充避免重复显示 不是平铺
- 【CSS】css网页背景图片设置
- CSS设置了正确的背景图片位置,网页上却显示不出来?
- 网页设计中利用CSS实现背景图片平铺的技巧
- 在html中,怎么设置背景图片不重复不平铺,只显示一张图片
- css基础 设置背景 背景色 背景图片 不平铺 背景图片在x、y轴上的位置
- 在html中,怎么设置背景图片不重复不平铺,只显示一张图片
- Android设置背景图片平铺 创建重复的背景图片铺满屏幕
- 设置网页背景图片平铺方式 background-repeat 属性
- django之设置背景图片 CSS 拉伸 平铺
- css基础 设置背景 背景色 背景图片 不平铺 背景图片在x、y轴上的位置
- 如果让DIV的背景图片适应DIV的高和宽,不平铺,不重复
- 使用CSS设置网页图片透明度
- CSS中背景图片的设置
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- css 设置全屏背景图片
- ASP.NET 网页设计如何设置全局背景图片
- 如果让DIV的背景图片适应DIV的高和宽,不平铺,不重复
- 使用CSS设置网页图片透明度