- opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.
- filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.
- -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
- -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
但CSS的透明属性涉及到一个继承问题,当为父级元素设置透明度后,子元素将自动继承其透明度。
使用技巧:
1. 对于子元素是文字的情况,一般是如果多少还能够看清,就不管。
另一个折衷的方法是,为文本子元素指定一个相对更深的颜色。也就是说,当子元素继承透明度后,所得到的文本颜色正好就是你想要的
2. 对于图层,可使用绝对定位的办法。
3 . 用于按钮hover 效果,属于懒人做法。