CSS实现HTML元素透明的方法小结

首先看看A级浏览器所支持的用CSS实现元素透明的方案：

filter: alpha(opacity=xx);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=xx);

filter: "alpha(opacity=xx)";
filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=xx)";
-ms-filter: "alpha(opacity=xx)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";

opacity

opacity

opacity

实际上在IE8中，-ms-filter是filter的别名，两者区别是-ms- filter的属相值必须被单引号或双引号包围，而filter中则不是必须，而在IE8之前的版本中，filter的属性值必须不被单引号或双引号包围。

IE中的HTML元素要实现透明，则其必须具备layout，这样的元素有仅可读的属性hasLayout，且其值为true。具体情况如下：

body

img

table

tr

th

td

hasLayout

true

type

text

button

file

select

input

hasLayout

true

{position:absolute}

hasLayout

true

{float:left|right}