iPad / iframe：固定位置时框阴影不起作用

Posted 2023-03-12

【中文标题】iPad / iframe：固定位置时框阴影不起作用

【英文标题】：iPad / iframe: box-shadow doesn't work when position is fixed

【发布时间】：2012-07-04 12:08:01

【问题描述】：

在 iPad 中，如果 iframe 的位置固定，它就不能正确显示阴影。

position: fixedhttp://jsfiddle.net/akRsC/

position: statichttp://jsfiddle.net/akRsC/1/

除了删除position:fixed之外，还有人知道如何解决这个问题吗？

编辑： 出于某种原因，在查看 jsfiddle 中的示例时会显示阴影，但不会在 jsfiddle '/show' 中显示，这就是为什么这是我的原始链接。我不知道为什么，也不知道如何制定使其在 jsfiddle 中工作的 css 规则。

【参考方案1】：

你试过了吗：

-webkit-appearance: none;

？对于很多奇怪的 CSS 东西对我很有用（但与 box-shadow 无关）。

另外，看看：http://cubiq.org/webkit-weird-box-shadow-bug-with-fix

【讨论】：

谢谢，但我刚试过'-webkit-appearance: none;'，它不起作用。该链接也无济于事。我设置了顶部：0，左侧：0，仍然没有阴影。