图片百分百问题 z-index问题

遇到的问题:
    1.图片设置宽高都为100%,为什么高度没有100%呢?  我日了狗了!
   
    答:因为图片默认高度大于包含框, 此时元素的高度100%将不会参照父元素? 继承出现了问题!
    解决方法:给父级元素一个个都手动添加height:100%,让其继承下来父元素的高度。

           描述:那张图片的宽高都比父容器大!    所以有问题,另一张图片宽高都比父容器小。


    2.层叠问题,让设置背景的子元素层叠到父元素上。 
      给一个元素设置背景色,然后margin-top取负值,背景色会被覆盖,而内容不会覆盖。
      当给元素设置position:relative/absolute/fixed后就不会被覆盖了!
      因为父级元素设置了position:relative属性!  所以层叠顺序会高吧!

posted @ 2016-07-05 09:05  风茗  阅读(202)  评论(0)    收藏  举报