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下就行啦)下载到你的库目录下。
发布了115 篇原创文章 · 获赞 5 · 访问量 34万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章