使用rgba色实现背景色透明

父元素css属性:background-color: #000;

         background: rgba(0,0,0,.5);   //现代浏览器属性,使用rgba色实现透明,对子属性不继承

         filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);  //兼容IE8以下

子元素属性:   position: relative;  //对IE8以下禁止继承透明色

时间: 2024-11-06 07:19:13

使用rgba色实现背景色透明的相关文章

背景色透明,内容不透明,适用所有浏览器(转)

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta http-equiv=&quo

CSS3背景色透明(兼容IE8)

标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明. 代码如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 3 3 4 4 /* 标准浏览器 */ 5 5 background-color: rgba(0, 0, 0, 0.6); 上述代码中: 7F000000(十六进制):

iOS设置UITableViewCell的背景色透明和选中颜色的方法

1.设置UITableViewCell的背景色透明方法: cell.backgroundColor=[UIColor clearColor]; 或者设置颜色透明度为0: cell.backgroundColor = [UIColor colorWithWhite:0.0f alpha:0.0f]; 2.设置UITableViewCell的选中颜色的方法:     UIView *view = [[UIView alloc]init];     view.backgroundColor=[UICo

linux 的终端字体色和背景色的修改方法(二)

Linux终端下的颜色设置 2013-08-31 22:57:15 分类: LINUX   在 ANSI 兼容终端(例如 xterm.rxvt.konsole 等)里, 可以用彩色显示文本而不仅仅是黑白. 本文示范了如何使用粗体和彩色的文字. 相信每一位Linux使用者都要面对 Bash. 虽然第一眼看上去非常枯燥,但是又很多方法能够让你的 shell 足够的个性化. shell 提示符的彩色增强让能够让你的 shell 独一无二, 而且还非常清晰易读. 在本文中我以 Bash shell 为例

HighCharts 饼图背景色透明

默认的highcharts 背景都是白色,这次项目中需要在highcharts图的后面显示背景图片,所以必须让chart背景透明: function showPie(name){ var a = [ {name:'A',y:100,href:'http://www.baidu.com',color:'#D587CE'}, {name:'B',y:30,href:'http://www.baidu.com',color:'#34E3FF'}, {name:'C',y:10,href:'http:/

弹出框背景色透明滚动条滚动仍然居中

弹出框div: <div class="webbox" style=""> <div class="webboxtop"> <span class="tstitle">发货网点(收货网点)</span> <a href="#" class="closebox"></a> </div> <div cl

下面这段代码,是今天学到的新知识,背景色透明,里面的内容不透明

1.针对IE浏览器 .demo{ background-color:transparent;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)} 2.针对FF,谷歌等浏览器 .demo{ background:transparent; color:#fff; background-color:rgba(255,255,255,0.15)} 注意:如果

rgba兼容性处理(背景透明文字不透)

.parent { width: 400px; height: 400px; margin: 100px; font-size: 20px; color: #FF0000; border: 1px solid red; background: rgba(0, 0, 0, 0.5); /*下一句关键设置*/ filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f00000

linux 的终端字体色和背景色的修改方法(一)

更改Linux系统终端的颜色主题 听语音 | 浏览:1129 | 更新:2014-11-22 01:05 | 标签:更改 linux 1 2 3 4 5 6 7 分步阅读 一键约师傅 百度师傅最快的到家服务,最优质的电脑清灰! 随着Linux系统在服务器端的崛起,Linux也在慢慢进军个人桌面系统领域.如果在使用Linux系统的终端时,对其颜色主题不是很满意,该怎么修改颜色的主题呢?今天笔者就和大家分享一下如何更改Linux终端的颜色主题的经验.我们一起开始吧! 工具/原料 一台装有Linux系