针对前端在百度浏览器总的固定定位的问题

再做一个广告宣传页的时候,碰到这样一个问题:
《针对前端在百度浏览器总的固定定位的问题》

如上边这样一张图片,底部有一个按钮 这个按钮固定在底部(fixed定位);
看似很简单的一个效果实现,然而在百度浏览器却出现了问题:
按钮在百度浏览器中会隐藏不见;

经过大量排查之后确定,发现只有百度浏览器中会隐藏不见;
原来这是百度浏览器的广告屏蔽机制,会让这种固定定位在底部的元素当作广告来屏蔽掉(隐藏移除不显示)

解决方案: 底部不要100%宽度,且不要为一张图片
还可以通过(高度未超屏)position:absolute 来实现相同效果或采用js来实现布局效果

    原文作者:unique丶J
    原文地址: https://segmentfault.com/a/1190000017883645
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞