Flex容器背景图的拉伸和重复,backgroundImage拉伸

拉伸很简单,在设置backgroundImage的时候记得把backgroundSize设置成100%即可。如果是写在css文件中。

有个小问题,就是100%需要用双引号括起来,像这样:backgroundSize: "100%";,否则出错(真想骂娘啊)。
背景的重复就是背景图片没有容器那么大时,会把同一个图片重复画在容器上。这个东西的原理当然就是自己去画那个图片了。不过幸好 Defrafa这个组件库有了这个功能,而且很好很强大。查看这里, http://www.degrafa.org/samples/foundation.html#adv-css,里面的Advanced CSS类别的sky background就是这样的例子,当然用之前得先把它的swc (google下就行啦)下载到你的库目录下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值