在很多时候,我们会使用透明度来增强网站的可读性,但是浏览器的兼容性使得我们不得不使用图片或者放弃这种效果,下面这段CSS则兼容所有的浏览器,希望对大家有所帮助,也借此抛砖引玉,望大家提出更好的解决方法。

.setOpacity {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

有了这个关于透明度的CSS hack,相信很多人可以省去很多不必要的麻烦了。