资讯专栏INFORMATION COLUMN

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

psychola / 1125人阅读

摘要:再做一个广告宣传页的时候,碰到这样一个问题如上边这样一张图片,底部有一个按钮这个按钮固定在底部定位看似很简单的一个效果实现,然而在百度浏览器却出现了问题按钮在百度浏览器中会隐藏不见经过大量排查之后确定,发现只有百度浏览器中会隐藏不见原来这是

再做一个广告宣传页的时候,碰到这样一个问题:

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

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117252.html

相关文章

  • 针对前端百度览器固定定位问题

    摘要:再做一个广告宣传页的时候,碰到这样一个问题如上边这样一张图片,底部有一个按钮这个按钮固定在底部定位看似很简单的一个效果实现,然而在百度浏览器却出现了问题按钮在百度浏览器中会隐藏不见经过大量排查之后确定,发现只有百度浏览器中会隐藏不见原来这是 再做一个广告宣传页的时候,碰到这样一个问题:showImg(https://segmentfault.com/img/bVbncrZ); 如上边这...

    付伦 评论0 收藏0
  • CSS 布局经典问题初步整理

    摘要:布局经典问题初步整理标签前端本文主要对布局中常见的经典问题进行简单说明,并提供相关解决方案的参考链接,涉及到三栏式布局,负,清除浮动,居中布局,响应式设计,布局,等等。 CSS 布局经典问题初步整理 标签 : 前端 [TOC] 本文主要对 CSS 布局中常见的经典问题进行简单说明,并提供相关解决方案的参考链接,涉及到三栏式布局,负 margin,清除浮动,居中布局,响应式设计,Fl...

    Amos 评论0 收藏0
  • 百度前端学院-基础学院-第七天到第八天

    摘要:第五天到第六天的内容没有记笔记,不好不好。第七天到第八天的学习目标是学习布局的各种方式。主要包含相关和相关。定位的元素应该在文档流中的间隙不再存在绝对定位的元素不再存在于正常文档布局流程中。内容较多,请参考学习了容器项第五天到第六天的内容没有记笔记,不好不好。 第七天到第八天的学习目标是:学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点: 1、默认情况下,块级元...

    zombieda 评论0 收藏0
  • 前端面试题2017(篇幅长,附答案)

    摘要:元素的位置通过以及属性进行规定。表明请求被正常处理了。服务器返回的响应报文包括协议版本状态码解释状态码的原因短语响应首部字段实体主体。浏览器接受响应,检查里的状态码,并做出不同的处理方式。关于返回的状态码的具体说明看上个问题。 说明:简答题没有固定答案,以下给出的答案是从别处摘录或自己总结,有错之处欢迎指出。 html 篇 标签上title和alt属性的区别是什么? alt是htm...

    Cobub 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<