Flex容器背景图的拉伸和重复,backgroundImage拉伸
<br />拉伸很简单,在设置backgroundImage的时候记得把backgroundSize设置成100%即可。如果是写在css文件中。有个小问题,就是100%需要用双引号括起来,像这样:backgroundSize: "100%";,否则出错(真想骂娘啊)。背景的重复就是背景图片没有容器那么大时,会把同一个图片重复画在容器上。这个东西的原理当然就是自己去画那个图片了。不过幸好 Defra
·
拉伸很简单,在设置backgroundImage的时候记得把backgroundSize设置成100%即可。如果是写在css文件中。
有个小问题,就是100%需要用双引号括起来,像这样:backgroundSize: "100%";,否则出错(真想骂娘啊)。
背景的重复就是背景图片没有容器那么大时,会把同一个图片重复画在容器上。这个东西的原理当然就是自己去画那个图片了。不过幸好 Defrafa这个组件库有了这个功能,而且很好很强大。查看这里,
http://www.degrafa.org/samples/foundation.html#adv-css,里面的Advanced CSS类别的sky background就是这样的例子,当然用之前得先把它的swc (google下就行啦)下载到你的库目录下。
更多推荐
已为社区贡献1条内容
所有评论(0)