栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程:认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
解决父容器透明子容器不透明继承问题
www.jz123.cn 2009-04-15 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
当父容器设置了透明度的时候,子容器会继承父容器的性质,面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的,当我们遇到不想要子容器也透明的时候如何去解决这样的问题。
方法一:
针对IE,在子容器添加:
position:relative;
针对firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie识别*/
*background:#CCCCCC;
方法二:
简单描述一下,也是网上常见的方法。
构造三个容器
首先,让需要透明的容器和不透明容器保持兄弟关系。
然后,通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。
方法二是规避了透明度的继承问题,并不是解决了透明度继承问题
0
上一篇:网页制作学习:reflow的问题 下一篇:CSS代码优化的两个原因