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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章