如何在div
的背景下使跨浏览器(包括Internet Explorer 6)透明,而文本保持不透明?
我需要在不使用任何库(如jQuery等)的情况下完成这项工作(但如果您知道有这样的库,我很想知道,这样我就可以查看它们的代码).
如何在div
的背景下使跨浏览器(包括Internet Explorer 6)透明,而文本保持不透明?
我需要在不使用任何库(如jQuery等)的情况下完成这项工作(但如果您知道有这样的库,我很想知道,这样我就可以查看它们的代码).
使用RGBA!
.alpha60 {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
除此之外,你必须为IE网络浏览器声明
background: transparent
,最好是通过有条件的 comments 或类似的方式提供!