具有兼容性的半透明背景CSS

不想折腾,又忍不住,放上了博客的背景,还想做个半透明,so,找到了下面的这段兼容性颇强的CSS代码。

background:rgba(0,0,0,0.5);

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/* for IE */

/*

background:rgba(0,0,0,0.5);前面3个0为r,g,b三种颜色,0为黑,255为白(0,0,0的16进制为 000000,255,255,255的16进制为 FFFFFF,其他颜色请自己改写),后面的0.5的透明度,上面效果为黑色半透明。 

下面的filter作为IE的hack,startcolortr后面的数值7F为16进制的透明值,即为255的一半172,后面的就是平时用的16进制颜色。

*/

这段代码来自于这里:RGBA颜色与兼容性的半透明背景色。文章里为rgba(css3属性)做了详细介绍,并提供了背景色半透明和边框半透明的解决方案,欢迎围观。

Skills at 2010, August 23, 8:54 pm, Tags: , , , ,
Trackback URL

No Comments on "具有兼容性的半透明背景CSS"

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments