use*_*842 5 css safari fonts text-rendering background-attachment
我的背景有一个非常奇怪的问题.当我将背景附件更改为固定在css中时,我的菜单中的字体因为某些我无法弄清楚的原因而变小.当我将其更改为滚动或本地时,它会恢复到所谓的大小.出现这种情况的原因是什么？
提供OP的示例:
我只在Safari(Chrome就可以)和只在某些机器上出现问题(MacBook Pros 15上可重现,非视网膜显示,但不适用于iMac和视网膜显示机).OSX:10.8.5,10.9.1 Safari版本:6.1.1,7.0.1.
不幸的是,我不能用jsfiddle重现这个问题,因为它不会发生在iframe中(iframe的内容会对它做出反应,但这强烈暗示了浏览器错误恕我直言).
以下是您可以在本地查看的示例HTML:
<html>
<body style="background-image: url(http://static4.depositphotos.com/1000419/321/v/950/depositphotos_3210195-Art-tree-beautiful-black-silhouette.jpg); background-attachment: fixed;">
<p style="font-family: Arial; font-size: 30px;">some fun text</p>
</body>
</html>
在检查器中选择正文标记并切换background-attachment规则.您将看到的是字体略有变化(更纤细/更大胆).
我想知道,这是多少问题以及哪些机器受到影响,这样问题最终可能会到达一些可怜的Apple开发人员... :)
有趣的事实:-webkit-transform: translateZ(0);可以用作解决方法.为什么它有效我不知道......