CSS实现父层透明，子层不透明

利用CSS中的opacity属性可以实现一些视觉效果，但是父元素设置透明属性会被子元素继承，这是不想见到的，于是通过一些设置解决这个问题。

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

解决办法是利用CSS3中的rgba()进行设置，便不会被被子元素继承，同时为了兼容IE7、IE8等浏览器，需要将子元素的positon属性设置为relative，使其脱离流。

position:relative;