透明（颜色）渐变背景（颜色透明背景），兼容IE8

filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00000000, endColorstr=#cc000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00000000, endColorstr=#cc000000)";

一般用filter就行。

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。取值范围为 #FF000000 – #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。
EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。默认值为 #FF000000 。不透明黑色。（表示颜色渐变的话去掉前两位透明度就行）

计算FF透明度为0.8对应的色值：
十六进制FF对应十进制值是255，透明度为0.8，那么255*0.8 = 204，对应的十六进制为CC。

若要实现透明度为0.5的黑色背景：

filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#80000000, endColorstr=#80000000);  只要保证AA不渐变就行。

转载于:https://www.cnblogs.com/lsy-ai/p/5614405.html

透明（颜色）渐变背景（颜色透明背景），兼容IE8相关推荐

RBG灯颜色渐变（颜色要尽可能多）程序分析
相信很多调过RBG灯的朋友都是通过分别改变R.B.G的占空比来改变颜色的,但是不是发现了一个问题,那就是不管怎样调都很难实现几十种颜色的变化,一般只有是7种颜色的渐变.下面给朋友们分享一个可以实现几十 ...
css背景从左到右颜色渐变,CSS：linear-gradient()背景颜色渐变
background: linear-gradient(direction,color-stop1,color-stop2,...); direction:用角度值指定渐变的方向(或角度): colo ...
CSS linear-gradient 实现背景双色或多色，颜色渐变，颜色分明
效果 <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8&q ...
c语言rgb数值颜色渐变算法,颜色渐变算法
需求: 给定一组数据,给定渐变颜色两端的颜色值,需要根据这组数据中的每个值大小为其分配一个颜色算法: 一个需要用颜色表示值大小的数据集weightlist,给定渐变的起始颜色 colorStart= ...
css设置背景颜色渐变
对角线渐变: background: linear-gradient(to top right, #f6f5f0, #fefefd); 如果有多个颜色渐变,颜色的参数可以有多个: background ...
Android 实现颜色渐变的一个小 tip
价值 | 思考 | 共鸣简评:TL;DR: 如果要实现某个颜色到透明的渐变时,记得不要改动颜色的 RGB 值. Tip: 如果你想要创建从某个颜色到透明的渐变(gradient)背景,那就要小心使用 ...
CSS盒子模型——渐变问题（边框背景）
目录一.边框渐变色 1.采用border-image(linear-gradient)设置边框颜色渐变实例 2.采用叠加方法设置边框颜色渐变实例 3.采用单层元素.background-clip.b ...
html渐变设置颜色比例,css3 渐变两个颜色各占百分之五十怎么设置
css3 渐变两个颜色各占百分之五十怎么设置 css代码#D72727和#ffffff为颜色(其中,left代表颜色过渡方向,比如设置为bottom就会变成上下过渡,末尾的百分比为颜色的偏移量,也就 ...
CSS 颜色渐变生成器
手工挑选颜色来制作颜色渐变需要设计经验和对色彩和谐的良好理解.如果您需要背景或 UI 元素的渐变,但又没有足够的信心自己处理任务(或者如果您很着急),则 Color gradient generato ...
在html中怎么写背景色渐变,CSS 实现背景色渐变和文字颜色渐变(示例代码)
1. 背景色渐变 A . linear-gradient:用线性渐变创建图像. 语法: = linear-gradient([ [ | to ] ,]? [, ]+) 下述值用来表示渐变的方向,可 ...

透明（颜色）渐变背景（颜色透明背景），兼容IE8

透明（颜色）渐变背景（颜色透明背景），兼容IE8相关推荐

最新文章

热门文章