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

以背景黑色，透明度0.5举例为大家详细介绍下关于背景透明，文字不透明的最佳方法同时兼容IE，具体实现如下，感兴趣的朋友可以参考下哈希望对大家有所帮助

以背景黑色，透明度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进制数值

具体数值转换可以参考

rgba 和IE下filter数值的转换
rgba 透明值 IEfilter值

0.1	19
0.2	33
0.3	4C
0.4	66
0.5	7F
0.6	99
0.7	B2
0.8	C8
0.9	E5

直接取整计算的，没有进位直接舍去
alpha*255再转换成16进制即可

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

转载于:https://www.cnblogs.com/imsomnus/p/4049431.html

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

如何实现背景/背景图片透明文字不透明
如何实现背景/背景图片透明文字不透明第一种情况,背景为自定义颜色第二种情况,背景为图片总结: 第一种情况,背景为自定义颜色直接给父级背景颜色设置background:rgba();就可以了: ...
CSS实现背景图片透明文字不透明效果的两种方法
网页设计中经常要在背景图上放一些文字介绍,这就需要背景图片能有透明效果以便突出显示文字信息,经多方查阅,终于找到了2种有趣的方法. 1.在文字层添加rgba样式实现半透明效果方法: 背景图片层添加样 ...
html文本框背景text怎么变透明,css怎么设置背景图片透明文字不透明？
项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果.下面我们来看一下这两种方法的使用. CSS实现背景图片透明,文字不透明效果的两种方法: 方法一(半透明效果) ...
css实现背景透明文字不透明
我们所说的设置透明度实际上是设置不透明度使用opacity会导致背景和图片都透明,在此处不合适 <!DOCTYPE html> <html> <head> < ...
CSS 背景透明文字不透明
background:rgba(12, 7, 7, 0.45);括号里面的前3个值是rgba的颜色值,0.45是透明度,透明度的范围是0~1,0是完全透明, 1是完全不透明.
div背景透明文字不透明
style="width:150px;height:100px;float:left;margin-left:10px;background-color:rgba(255,0,0,0.5); ...
CDR怎么做透明文字和透明图片、水印
水印是一种数字保护的手段,在图像上添加水印即能证明本人的版权,还能对版权的保护做出贡献.也就是在图片上打上半透明的标记,因其具有透明和阴影的特性,使之不管在较为阴暗或明亮的图片上都能完美使用,嵌入的水 ...
深度学习数据更换背景_开始学习数据科学的最佳方法是了解其背景
深度学习数据更换背景数据科学教育 (DATA SCIENCE EDUCATION) 目录 (Table of Contents) The Importance of Context Knowledg ...
CSS设置文字背景虚化，变透明的两种方法
CSS文字背景虚化,变透明拥有大背景,让div块变透明的方法: 方法1.背景是透明了,内容也会随之变透明. 方法2.仅背景透明在整个项目有大背景的前提下,想让某表格背景或div块的背景不是白色,而 ...

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

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

最新文章

热门文章