首页 > 前辈们,问一个关于移动端图片叠加的问题

前辈们,问一个关于移动端图片叠加的问题

是这样的,在页面最底下底下有一张背景图,然后上面有一个table,然后table上面有一个logo。就是像叠汉堡那样叠的。图片我都是用width:100% 没有高度,但是当我用绝对定位或相对定位叠加上去的时候,屏幕宽度一变,位置也变了,这是为什么?怎么解决。请前辈们指导


一定位,自动block,脱离文档流


absolute由父级最近的一个relative元素确定。你让最外面层的那个元素包一个relative,里面用absolute就可以了


可以将背景图片position设置成fixed,然后在上面加table和logo,我做个简单的demo,可以参考下:
http://yulei521.github.io/segmentFault_question_demo/background_logo_table.html
背景图片会发生变化是因为我图片小,拉伸了。

【热门文章】
【热门文章】