人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的解决父容器透明子容器不透明继承问题懂设计的网友们快点来了解吧!
【 tulaoshi.com - Web开发 】
当父容器设置了透明度的时候,子容器会继承父容器的性质,面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的,当我们遇到不想要子容器也透明的时候如何去解决这样的问题。
针对IE,在子容器添加:
position:relative;
针对firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie识别*/
*background:#CCCCCC;
方法二:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)简单描述一下,也是网上常见的方法。
构造三个容器
首先,让需要透明的容器和不透明容器保持兄弟关系。
然后,通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。
方法二是规避了透明度的继承问题,并不是解决了透明度继承问题
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1630775.html
看过《解决父容器透明子容器不透明继承问题》的人还看了以下文章 更多>>