颜色渐变、透明

渐变
background: -webkit-linear-gradient(left, #0070C4 , #00ADEF); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #0070C4, #00ADEF); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #0070C4, #00ADEF); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #0070C4 , #00ADEF); /* 标准的语法 */

透明：
1、背景文字透明：
background-color:#000000;
opacity: 0.2;
2、背景透明文字不透明：
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.demo{
background-color:#000000;
filter:Alpha(opacity=50);
position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.demo p{
position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}
}