CSS高效開發實戰:CSS 3、LESS、SASS、Bootstrap、Foundation --讀書筆記（2）CSS3利用圖層疊加實現多背景

CSS 3允許設置多個背景圖片，每個背景圖片佔一層，層的上下按照在CSS中書寫的順序來定，最先寫的背景在最上層，每層圖片定義使用英文逗號隔開。

例如下面的代碼：

[html] view plaincopy

background:url(http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 0 0 no-repeat,
  url(http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg) 200px 0 no-repeat,
 url("http://dotnet.aspx.cc/Book/Images/ASPNET20Book1_s.jpg") 400px 201px no-repeat;

根據代碼可以看到，每張圖片都可以設置各自的位移、大小、是否重複，如果出現重疊，那麼寫在前面的圖片會覆蓋在最上層。

多背景的效果如圖5.4所示。

最後來個書的封面圖吧，有學習的一起交流