Css3透明

1.1 Css3 背景

1.1.1  Css3透明

Css3 透明
Background:rgba(255,255,255,0.3)	背景透明
Border:10px solid rgba(255,255,255,.4);	边框透明
Color:rgba(255,255,255,0.6)	文字透明

1.1.2  背景图片拉伸(background-size)

Background-size:水平位置 垂直位置;

记住，垂直位置可以省略，但是它不是默认的和水平一样大。垂直的大小是水平缩放的等比例大小。

Background-size:cover; (重点)

会使背景铺满整个盒子。 可能会有部分图片显示不全。

Background-size:contain;

能够显示完整的图片 ，如果宽度或者高度有一方和盒子一样大，就不再进行拉伸。

1.1.3  多重背景

现在一个盒子，可以加好多好多张背景图片了。

url(site-logo.png) repeat-x left top,

url(ldh.jpg) no-repeat left top;

先渲染， 先显示  。