<style>
/*指定元素透明*/
.a{
background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);
}
/*指定元素内全部内容透明*/
.b{
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}
.b{
background-color:blue;
}
</style>
</head>
<body>
<div class="a">
1111111
<p>2222222222</p>
</div>
<div class="b">
1111111
<p>2222222222</p>
</div>
知识扩展：
DXImageTransform.Microsoft.gradient 滤镜里的 startColorstr 参数值是 #AARRGGBB 形式的， 其中的AA是代表不透明度的十六进制，00表示完全透明，FF就是全不透明，化成十进制的范围就是0~255，剩下的 RRGGBB 就是颜色的十六进制代码。
举例如：background: rgba(125, 0, 0, .3); 表示的是30%不透明度的红色背景。把30%的不透明度转换成十六制呢的方法如下：先计算#AA的的十进制x，x/255 = 3/10，解得x=3*255/10，然后再把x换算成十六进制，约等于4C。
常用透明度对用关系：
.0（00） .1（19） .05（0C） .15（26）
.2（33） .3（4C） .25（3F） .35（59）
.4（66） .5（7F） .45（72） .55（8C）
.6（99） .7（B2） .65（A5） .75（BF）
.8（CC） .9（E5） .85（D8） .95（F2）
相关推荐
主要介绍了用CSS设定一个元素半透明的相关资料,非常不错，具有参考借鉴价值，需要的朋友参考下吧
html所有元素的半透明图片素材，psd和图片裁剪已经搞定，下载即可用。
蓝色渐变低三角形背景，线条与几何图形创意封面，半透明元素图表，适合商务工作汇报、工作总结的iOS风格通用ppt模板。
宇宙星空炫丽背景，几何三角形创意封面，半透明精美图表设计，ios风格商业计划书ppt模板。
梦幻朦胧唯美背景，点、圈、线条元素创意封面，半透明图表、半透明图文排版，半透明风格设计，适合商务工作总结、工作汇报的iOS风格通用ppt模板。
纯css手打，用before伪元素实现的一层半透明层，你可以看到下面的背景图，也可以看见上面内容，也就是他是在背景和内容之间的一层
2018年份两边创意展翅设计封面，蓝紫渐变朦胧背景，几何图形元素半透明图表，iOS风格动态工作汇报ppt模板。
可实现div背景色半透明，不是用的filter:alpha(opacity=50);opacity:0.5;属性，而是用的rgba(0,0,0,0.5)，如果用的filter:alpha(opacity=50);...那么它有个缺点，就是这个div里边的所有子元素也会有半透明效果
朦胧唯美光斑背景，极简纯文字标题封面，细线条几何图形，半透明元素图标、半透明图表，适合商务工作汇报、工作总结报告的通用iOS风格ppt模板。
炫丽唯美星空大图背景，半透明圆与渐变线创意封面，半透明简约风图表，适合商务工作汇报、营销工作总结、产品宣传等场景应用的星空背景半透明元素简约商务iOS风格ppt模板。
界面元素支持背景透明,元素半透明效果,切换皮肤来改变元素风格; 4.炫彩界面库让你轻松实现类似VS的动态布局,窗格动态调整,停靠码头,浮动,锁定,自动隐藏,停靠提示; 5.界面库扩展性强,使用简单,通过重载来覆盖原来...
朦胧光斑背景半透明元素iOS风格PPT模板.pptx
唯美朦胧光斑蓝色背景，大字标题极简封面设计，线条框、几何图形、细线、半透明元素设计，唯美朦胧蓝色光斑背景极简细线半透明iOS风格商务工作汇报ppt模板。
墙壁上的藤蔓绿植大图背景，半透明矩形与虚线标题框设计，半透明元素设计，小清新简约时尚，适合环保工作者工作汇报，通用工作总结报告等应用场景的ppt模板。
这里帖出两种效果，第一种是弹出时页面背景直接变为半透明，而第二种则对XP关机效果仿得更像一点儿，即背景是有一个逐渐变为半透明的过程，大家可以留心观察两种效果的区别,两种效果全部通过了IE6和firefox的测试。
界面元素支持背景透明,元素半透明效果,切换皮肤来改变元素风格; 4.炫彩界面库让你轻松实现类似VS的动态布局,窗格动态调整,停靠码头,浮动,锁定,自动隐藏,停靠提示; 5.界面库扩展性强,使用简单,通过重载来覆盖原来...
星空背景半透明元素简约商务iOS风格工作总结PPT模板.pptx
宇宙星空背景半透明元素ios风商业计划书ppt模板.pptx
星空背景几何图形半透明元素创意iOS风格通用汇报PPT模板.pptx