CSS Efficient development Combat: CSS 3, less, SASS, Bootstrap, Foundation--Reading Notes (2) CSS3 using layer overlays for multi-backgrounds

CSS 3 allows you to set multiple background images, each background image occupies a layer, the layer up and down according to the order in the CSS, the first written background in the top, each layer of the picture definition using commas separated.

For example, the following code:

[HTML] view Plaincopy

1. background:url (http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg)  0 0 no-repeat,  

According to the code can be seen, each picture can be set their own displacement, size, whether or not, if there is overlap, then the picture written in front will be covered at the top.

Multi-background effects are shown in 5.4.

650) this.width=650; "Src=" http://img.blog.csdn.net/20141201113216126?watermark/2/text/ Ahr0cdovl2jsb2cuy3nkbi5uzxqva2dzzxc=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/dissolve/70/gravity/center " Style= "Border:none;color:rgb (51,51,51); font-family:arial;font-size:14px;line-height:26px;white-space:normal; Background-color:rgb (255,255,255); "/>

Finally, a book cover map, there is learning to communicate with

650) this.width=650; "src=" http://images.cnitblog.com/blog/41113/201411/281416304184854.jpg "style=" border:0px; margin:0px;padding:0px;width:884px; "/>

650) this.width=650; "src=" http://images.cnitblog.com/blog/41113/201411/281417536525494.jpg "style=" border:0px; margin:0px;padding:0px; "/>

CSS Efficient development Combat: CSS 3, less, SASS, Bootstrap, Foundation--Reading Notes (2) CSS3 using layer overlays for multi-backgrounds