safari 浏览器overflow：hidden样式失效，一个css属性完美解决

safari浏览器的样式，总会时不时给你一个“小惊喜”。

例如：之前就遇到了safari的一个overflow：hidden样式失效的问题。

百度一看，这个问题遇到的人很多，没想到10多年前就出现的问题，现在还会出现（我的出现问题的safari浏览器版本 14.1.2）。

网上对其有着各种各样的帖子，但是其大多数都是以下方案：

可能这些方案能很好的解决其他浏览器版本，但是当我用到我这个特定版本时（14.1.2），这些“优秀”的方案却无法解决我的问题。

css除了overflow：hidden难道就没有其他的样式能隐藏掉我不需要部分的能力吗？

于是我在MDN Web Docs上找了好久，突然被我发现了一个之前从未见过的css属性：clip-path

其相关页面如下：clip-path - CSS（层叠样式表） | MDN

它可以根据我们需求，满足我们特定裁剪方式。

使用方式，大家可以去自行查看。 clip-path - CSS（层叠样式表） | MDN好的东西就是要多来一遍。

其最能让我感到满意的就是它那良好的浏览器兼容性

safari 浏览器overflow：hidden样式失效，一个css属性完美解决相关推荐

css 字体大小_用一个 CSS 属性打造自适应网站
英文 | https://dev.to/dip15739/responsive-website-with-only-1-css-property-3ea9 作者 | Dip Vachhani 用一个c ...
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法参考文章: (1)JS IOS/iPhone的Safari浏览器不兼容Javascript中的D ...
jquery如何去掉css,jQuery教程之jQuery去掉一个CSS属性
本篇文章探讨了jQuery教程之jQuery去掉一个CSS属性,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 1.什么事JQ? 一个优秀的js库,大型开发必备 2.J ...
一个css属性让页面变成黑白色之CSS3 filter(滤镜) 属性
2020年是不平凡的一年,在此缅怀一下在抗击新冠肺炎中牺牲的烈士和因为新冠肺炎去世的同胞们,有时候我们需要让网站的页面变成黑白色彩的,只需要一个css属性filter属性即可: filter 属性定义 ...
jquery如何增加/删除一个css属性
1.jquery增加一个css属性 $("#addLeft").css("background-color","pink"); 2.jque ...
css样式不透明,css属性transparent不透明问题解析
本文章来给各位同学介绍一下关于css属性transparent不透明问题解析,如果你碰到transparent有时候并不是透明的话可参考此方法来解决. 透明往往能产生不错的网页视觉效果,先奉上兼容主流 ...
国家纪念日引起的一个css属性思考 ------ filter属性
前言 2020年4月4日早上10点 , 全国性哀悼活动正式开展 , 在向逝去的生命和前线壮烈牺牲的烈士致哀同时 , 依旧不忘加班 , 如往常打开浏览器 , 然后发现 , 基本上所有的网站都变灰了 , ...
localStorage在Safari浏览器无痕模式下失效
Safari无痕模式是不能使用localStorage的, 可以利用这个特性判断用户是否开启无痕模式,并提醒用户关闭无痕模式 if(typeof localStorage === 'object'){ ...
问 jquery如何删除一个css属性
// 删除一个属性下面的不起作用 $('#test').css('display', null); //正确下发应该是 $('#test').css('display', '');

safari 浏览器overflow：hidden样式失效，一个css属性完美解决

safari 浏览器overflow：hidden样式失效，一个css属性完美解决相关推荐

最新文章

热门文章