css背景透明兼容ie

2023-12-29 12:30:19 举报文章

CSS背景透明对现代浏览器来说并不是什么问题,但是在IE浏览器中就会遇到一些兼容性问题。本文将介绍如何使用CSS3和IEhack技巧实现CSS背景透明。

/* CSS3方式 */
background-color: rgba(255, 255, 255, 0.5);
 /* 前三位是RGB颜色值,最后一位是透明度,取值范围是0-1 */
/* IEhack方式 */
background-color: #FFFFFF;
 /* 设置背景颜色为白色 */
filter: alpha(opacity=50);
 /* 设置透明度为50%, 值是0-100之间 */
/* IEhack方式的局限性 */
使用IEhack方式实现CSS背景透明的缺点是透明度只能是0~100的整数,不能设置小数值。同时,它只适用于IE6以上的浏览器,IE6会忽略该属性,所以不会显示背景透明效果。 
如果你认为本文可读性较差,内容错误,或者文章排版错乱,请点击举报文章按钮,我们会立即处理!