css如何容器透明而内容不透明

这篇文章主要介绍了css如何容器透明而内容不透明，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

代码如下：

.outer{width:200px;height:200px;background:rgba(0,0,0,.2);background:#000\9;filter:alpha(opacity=20)\9;}
.outer.inner{position:relative\9;}
<divclass="outer">
<divclass="inner">我是不透明的内容</div>
</div>
/*高级浏览器直接使用rgba颜色值实现；IE浏览器在定义容器透明的同时，让子节点相对定位，也可达到效果*/

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

感谢你能够认真阅读完这篇文章，希望小编分享的“css如何容器透明而内容不透明”这篇文章对大家有帮助，同时也希望大家多多支持博信，关注博信行业资讯频道，更多相关知识等着你来学习!