cs中设置图片平铺但不重复

此例主要是做网站的时候,做背景图所用。

可以将body换成任意的id,class等等。

body{

    background: url(../img/bg.jpg) no-repeat center center fixed;
    background-size: cover;

}

可加入以下几句主要是对各浏览器进行兼容处理:
    -webkit-background-size: cover;
    -moz-background-size: cover;

    -o-background-size: cover;

该设置对以下浏览器有效:

  1. Safari 3+
  2. Chrome Whatever+
  3. IE 9+
  4. Opera 10+ (Opera 9.5 supported background-size but not the keywords)
  5. Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值