我创建了一个Tumblr主题,背景有些复杂。它呈现为Chrome和Firefox中的编码,但Safari给我带来了麻烦。基本上,分配给body
元素的两个背景图像似乎在视口尺寸更改和滚动时重新调整。它看起来非常糟糕,我在下面附上了一个完美的问题示例。
有谁知道这里可能有什么问题以及如何解决?我知道代码是正确的,所以我认为这是一个特定于Safari的错误。主题位于http://blog.danielimmke.com/
编辑:显然,此问题仅在OSX版本的Safari上发生 。 Windows版本呈现为编码。
答案 0 :(得分:0)
如果您检测到浏览器并为此修复它,该怎么办?我在Safari上找不到固定定位flash横幅的解决方案,所以我做了一个懒惰的修复。
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"safaristyle.css\" />');}