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

42次阅读

共计 248 个字符,预计需要花费 1 分钟才能阅读完成。

再做一个广告宣传页的时候,碰到这样一个问题:
如上边这样一张图片,底部有一个按钮 这个按钮固定在底部(fixed 定位);看似很简单的一个效果实现,然而在百度浏览器却出现了问题: 按钮在百度浏览器中会隐藏不见;
经过大量排查之后确定,发现只有百度浏览器中会隐藏不见;原来这是百度浏览器的广告屏蔽机制,会让这种固定定位在底部的元素当作广告来屏蔽掉(隐藏移除不显示)
解决方案:底部不要 100% 宽度,且不要为一张图片还可以通过(高度未超屏)position:absolute 来实现相同效果或采用 js 来实现布局效果

正文完
 0