html - Safari 10 溢出 + 倾斜错误

标签 html css browser safari

在 Safari 10.1.2 上偶然发现了一个视觉错误(某些版本只是不知何故)。您能帮我找到解决方法或解决方法来实现我想要实现的目标吗?它适用于所有其他经过测试的浏览器和旧版本的 Safari。

所以在 Safari 10.1.2 上:

  • 将正 skewY(大于 transform: skewY(0deg);)应用于元素
  • 此元素具有属性 overflow: hidden;

元素根本不显示,或者只是部分显示。它在 ctrl+A“全选”后显示。

这里有一个 JSFiddle 来说明这个问题(注意:你需要 Safari 10 才能明白我的意思!):https://jsfiddle.net/7c7f4z6v/2/

这就是在所有其他浏览器上的显示方式:

safari 10 skew + overflow issue

这就是它在 Safari 10 上的显示方式:

safari 10 skew + overflow issue

最佳答案

这在 Safari 10.1.2 中很适合我 enter image description here

关于html - Safari 10 溢出 + 倾斜错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46299224/

相关文章:

html - 如何水平居中 <div> block 元素?

css - 在旋转的 Div 内换行文本

html - iOS Safari 上的输入复选框大得离谱

c# - 传输大文件 : combining streamed transfer and content-length

javascript - 如何让浏览器等待 Assets 加载?

JavaScript 生成的 SVG 不渲染内容

html - 纯 CSS 标签 : absolute positioning

html 和 css 底部边距不起作用

javascript - 带有 ASP 按钮背景颜色更改的 jQuery Mobile

javascript - 在浏览器中使用 Javascript 预缓存文件?