doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:8709回复:0

[css]CSS overflow: hidden 在 safari 中无效

楼主#
更多 发布于:2018-03-22 16:27
在 safari 浏览器中,使用overflow:hidden无效,其它浏览器都OK
在网上查找了下,解决方案,都说将overflow:hidden加到body,而其它标签不要加上这个属性。如下:

   overflow hidden在iPhone和Safari上不起作用!其他浏览器和手机都可以,唯独iPhone和Safari不行

网上找到的一种方法,在body上添加下面的CSS:
 
body {  
    position:relative;  
    overflow-y:hidden;  
}
  最后 ,发现在body中加入了,overflow还是不行.

最终解决方案:
          不要使用绝对定位

原因 : 使用overflow:hidden失效的元素,使用了绝对定位. 而使用了绝对定位与overflow 两者,在google浏览OK没有问题,但是在safari中却就支持了.

 希望,本文对你有所帮助,欢迎提出你在项目中所遇到的各种bug

参考:
https://stackoverflow.com/questions/32666663/overflow-x-hidden-is-not-working-in-safari      
http://blog.csdn.net/u010394015/article/details/51097629
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号