本文深入探讨了在网页设计中使用rgba实现半透明效果的技术，针对不同浏览器的支持情况，介绍了如何利用rgba属性在除IE外的所有现代浏览器中实现透明度调整，并通过滤镜技术确保IE浏览器也能正常显示透明效果。文章旨在为开发者提供一种跨浏览器兼容的解决方案，简化布局设计中半透明层的实现。
在估项目是用opacity做半透明层时总遇到一个恼人的问题就是父容器半透明了，子窗口也会半透明;
后来发现css3提供了一个rgba挺管用的
div{
background:rgba(255,0,0,0.5);
}
这个对于除IE外的高级浏览器都支持
对于IE可以用滤镜
div{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
}
这样对所有的浏览器都支持了
后来发现css3提供了一个rgba挺管用的
div{
background:rgba(255,0,0,0.5);
}
这个对于除IE外的高级浏览器都支持
对于IE可以用滤镜
div{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
}
这样对所有的浏览器都支持了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
