湖北省建设厅行政审批网站,中铁建设集团有限公司中标,动漫制作技术就业前景,彩票网站建设要多少钱今天遇到了一个问题#xff0c;要在一个页面中设置一个半透明的白色div。这个貌似不是难题#xff0c;只需要给这个div设置如下的属性即可#xff1a; background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgb…今天遇到了一个问题要在一个页面中设置一个半透明的白色div。这个貌似不是难题只需要给这个div设置如下的属性即可 background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义r代表redg代表greenb代表blue红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba2552552550.1就是透明度为0.1的白色。在现代浏览器中是支持rgba的。但是在ie8等古董级浏览器中是不支持的rgba的ie8只能勉强支持rgb()函数即去掉了透明度只能表示颜色。 所以在ie8中设置半透明就要费点脑子了。从大神那里得知可以使用ie的filter来解决这个问题css代码如下 span stylewhite-space:pre /spanbackground: rgba(255,255,255,.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr#19ffffff,endColorstr#19ffffff); 第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。 大家注意这个颜色“#19ffffff”是由两部分组成的。 第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下 第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff都是白色。 到这里rgba的用法就可以兼容IE8了。转载于:https://www.cnblogs.com/zrrr/p/5211844.html
