CSS 透明度属性

随着浏览器技术的不断进步，Firefox版本也经历了不断的升级。如今，Firefox 3.5已不再支持私有属性`-moz-opacity`。这一变化可能对一些老旧网站的显示效果产生影响，导致原本应有的透明度效果消失。在此之前的Mozilla 1.7（Firefox 0.9）时期，浏览器使用的是这个私有属性。而在Firefox 0.9至Firefox 3阶段，浏览器同时支持`-moz-opacity`和opacity这两个属性。

除了IE浏览器之外，目前的主流浏览器如Opera 9.0及以上版本、Safari 1.2（WebKit 125）及以上版本以及Chrome等都接纳了opacity这一透明度属性。opacity的属性值是一个介于0和1之间的数值，默认值为1。例如，若希望实现50%的透明度，可以这样写：`.example { opacity: 0.5; }`。

对于IE浏览器，其透明度属性的实现方式与其他浏览器有所不同。在IE4至IE8版本中，需要使用`filter: alpha(opacity=number)`来实现透明效果，其中number是0至100之间的整数。在IE8中，还可以使用`-ms-filter`属性来达到同样的效果。虽然IE还支持`progid:DXImageTransform.Microsoft.Alpha(Opacity=)`这种写法，但已不建议使用。

为了兼容各种浏览器，开发者通常需要编写多个样式规则。例如：

`.example { opacity: 0.8; / Firefox, Safari(WebKit), Opera / -ms-filter: "alpha(opacity=80)"; / IE 8 / filter: alpha(opacity=80); / IE 4-7 / zoom: 1; / 在IE 7及以下版本中设置“zoom”，“width”或“height”以触发“hasLayout” / }`

除了CSS外，JavaScript也被广泛用于设置元素的透明度。例如：

`var el = document.getElementById("mybox"); el.style.opacity = 50/100; // 这里写成50/100主要是为了与IE的写法统一 el.style.filter = 'Alpha(Opacity=50)';`

值得注意的是，虽然Firefox 3.5在CSS中不再支持`-moz-opacity`，但在JavaScript中仍然支持`el.style.MozOpacity=val/100`。尽管Firefox支持这一属性，但由于这是浏览器的私有属性，其他浏览器并不支持，因此并不建议在实际开发中使用。随着技术的不断进步，建议开发者遵循标准规范，以确保代码能在各种浏览器中良好运行。