繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 解决父容器透明子容器不透明继承问题
- CSS样式表
- CSS优先级规则的细节
- CSS失效，原来是和网页第一段代码有关
- 你真的了解CSS吗？你是属于哪个层次？
- 让样式表CSS代码更加专业规范
- 建议网页设计师用CSS制作网站导航菜单
- 简单学习css组合与CSS嵌套的写法
- CSS学习之css代码的简写的十条规则
- 条件CSS的介绍
- CSS教程:网页中多个样式表顺序问题
- CSS教程：网页版面设计无效的10个原因
- 页面重构工程师应该具有的技能和素质
- 选择正确DOCTYPE解决CSS在网页失效问题
- Opera中国的WEB标准课程
- 简单介绍Web Developer插件制作网页
- CSS布局带来的巨大影响:CSS display属性值
- 用div css模拟表格对角线
- IE Firefox在css中的差别 (部分)
- 不用js可以实现信息提示效果
- CSS解决未知高度的垂直水平居中自适应问题
- CSS cursor 属性 -- 鼠标指针样式效果
CSS样式表 中的 解决父容器透明子容器不透明继承问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 205 ::
收藏到网摘: n/a
当父容器设置了透明度的时候，子容器会继承父容器的性质，面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的，当我们遇到不想要子容器也透明的时候如何去解决这样的问题。
方法一：
针对IE，在子容器添加：
position:relative;
针对firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie识别*/
*background:#CCCCCC;
方法二：
简单描述一下，也是网上常见的方法。
构造三个容器
首先，让需要透明的容器和不透明容器保持兄弟关系。
然后，通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。
方法二是规避了透明度的继承问题，并不是解决了透明度继承问题
评论 (0) All
