Safari 在底部截断固定图像？

Posted 2023-02-23

【中文标题】Safari 在底部截断固定图像？

【英文标题】：Safari Cuts off fixed image at the bottom?

【发布时间】：2015-08-23 17:03:15

【问题描述】：

我使用下面的 css 设置了一张图片，显示在 wordpress 网站上每个页面的底部。它在 chrome 和 firefox 中正确显示，但在 safari 中它的位置似乎较低？也许是因为弹性滚动的影响？

http://forever.electricmustard-dev.co.uk/home/

【参考方案1】：

我认为，如果您从页脚 (#mk-footer) 中删除 background-attachment: fixed; CSS 属性或在样式表中将其更改为 background-attachment: initial;，它将起作用。

【讨论】：

不幸的是这些都不起作用，它似乎是底部：0； safari 不喜欢的代码？

看起来有一些内联 CSS 在您的主题样式表 (<style id="theme-dynamic-styles-inline-css" type="text/css">...</style>) 之后加载，因此，您可能必须使用 !important 来进行所需的更改，如下所示：background-attachment: initial !important;否则，您必须将主题的样式表排入队列以在内联样式加载后加载。

感谢您的想法...我一直在使用 !important;

即使使用 !important 仍然无法正常工作？

感谢您的想法...我一直在使用！important;将其更改为初始确实确实将其放在底部，但我的目标是将其固定在窗口底部而不是页面？正如我所说，当前代码在 chrome 和 firefox 中完美运行，它只是 safari 似乎很简单！ i61.tinypic.com/346x69s.jpg