CSS设置元素背景为透明

IE浏览器下设置元素css背景为透明：

background-color: rgb(0, 0, 0);
filter: alpha(opacity=20);

非IE浏览器下设置元素css背景为透明：

background-color: rgba(0, 0, 0, 0.2);

兼容各类浏览器设置css背景为透明办法,即两者合并设置css：

（ie 不支持 rgba，所以rgba不会起作用）

background-color: rgb(0, 0, 0);
filter: alpha(opacity=20);
background-color: rgba(0, 0, 0, 0.2);

另：RGB与16进制色互转网站：http://11.1m86.com/

时间： 2024-07-29 03:55:10

CSS设置元素背景为透明的相关文章

css 设置元素背景为透明

要设置某一元素的背景为透明,在 chrome .firefox.opera 下是这样的: [css] view plain copy background-color: rgba(0, 0, 0, 0.4); rgba 中的最后一个参数 0.4 就是想要的透明度,范围在0-1之间. 在 ie 中一般是这样的: [css] view plain copy background-color: rgb(0, 0, 0); filter: alpha(opacity=40); opacity 表示透明度

css设置元素背景（待续）

背景background 简写形式为 backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image 其中 background-color背景颜色 background-position 设置图像的位置可取两个值,字符串的话,第一个表示垂直方向,值包括

CSS控制元素背景透明度总结

方法一:CSS3的background rgba filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');background:rgba(0,0,0,0.5); 常用的方法是rgba来实现背景透明度兼容ie6 ie7 ie8的做法是用ie的滤镜实现有个小问题就是通过这种方法实现背景透明度的话在ie系列下如果元素需要绑定

css设置元素透明度代码实例

css设置元素透明度代码实例:本章节介绍一下如何设置一个元素的透明度,现在众多的效果都有使用,下面就介绍一下如何实现此效果.w3c提供了一种标准的设置透明度的属性opacity,此属性值大小是介于0-1之间的,0为完全透明,1为完全不透明.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=

CSS定位元素--背景

CSS 里也一样,每个元素盒子都可以想象成由两个图层组成.元素的前景层包含内容(如文本或图片)和边框,元素的背景层可以用实色填充(使用background-color 属性),也可以包含任意多个背景图片(使用background-image 属性),背景图片叠加在背景颜色之上. CSS背景属性 background-color background-image background-repeat background-position background-size background-att

css设置元素垂直居中的几个方法

最近有人问我怎么设置元素垂直居中?我....(这么基础的东西都不会?我有点说不出话来), 不过还是耐心的教了他几个方法,好吧教完他们,顺便把这些方法整理一下第一种:通过设置成为表格元素的方式来实现垂直居中 (适应于父级有固定高度的元素) 第一步,写html代码,如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>元素垂直居中</title&

CSS设置元素字体颜色与背景

CSS的颜色与背景属性用于设置前景色.背景色和背景图片. 常见的颜色与背景属性: color: 十六进制.rgb()函数或CSS承认的颜色名: 用于设定元素的前景色 background-color: 同上或transparent

Android设置Activity背景为透明style

方法一: 通过Theme.Translucent @android:style/Theme.Translucent @android:style/Theme.Translucent.NoTitleBar @android:style/Theme.Translucent.NoTitleBar.Fullscreen 只需要在Manifest中需要透明的Activity内设置theme为以上任意一个就可以了 <activity android:name="com.vixtel.simulate.

css父元素背景覆盖其子元素背景

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 8 .test1{ 9 width: 100px; 10 height: 100px; 11 border: 1px solid green; 12 background: green; 13 position: absol