背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

虽然春天的劲风,着实让我不太喜欢,但不得不说,春天是个好季节,俗话说 "一年之际在于春 ",春天是一年的开始,也是让人充满希望和幻想的季节。刚刚历经了寒冬的人们,开始在春天慢慢苏醒,他们慢慢的重拾自己的梦想,渐渐骨起斗志,一步步朝着自己的梦想出发,一点点靠近理想的终端。
以背景黑色,透明度0.5举例

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

IE: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

PS:#7f000000 其中7f是透明度0.5转换成16进制的数值,000000是黑色的16进制数值

具体数值转换可以参考https://www.haodaima.com/web/89577.html

我个人认为这个写法是最好的,无需单独定义背景层,代码精简,本人一直在用,兼容IE6,有更好的解决办法,欢迎留言探讨

本文背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)到此结束。时间并不会真的帮我们解决什么问题,它只是把原来怎样也想不通的问题,变得不再重要了。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
愚人节巧用CSS开个极客式玩笑以chrome为例

CSS样式设置元素的透明度以50%为例

通过CSS样式设置网页的最小宽度以将宽度固定为600px为例

css在不同浏览器中的唯一标识以height属性为例

css如何实现背景半透明文字不透明的效果示例