首先,我感谢那些花时间帮助我解决这个问题的人——这几天一直让我发疯。
基本上,我的 Tumblr 主题就是这里的问题。当我继续它时,它看起来很好,但是当其他人这样做时,由于屏幕分辨率不同,内容到处都是。有一种方法可以解决这个问题,让背景图片和博客内容锁定在主题上,使它们始终在同一个位置(例如,我的背景图片是在 photoshop 上制作的,我在我想要的地方创建了一个小方框显示博客内容——当我在博客上时,它看起来不错,因为它是为我的 1600x800 屏幕分辨率量身定制的。但是对于其他人来说,如果他们没有那个屏幕分辨率,博客内容就不会出现那个盒子)。
下面是我的代码的正文部分:
body {
background-image: url('http://imgur.com/4CzbHdZ.png');
background-repeat: no-repeat;
background-attachment:absolute;
background-size:cover;
color:{color:text};
font-family:Ebrima;
text-transform:none;
font-size:10px;
line-height:130%;
letter-spacing:0px;
margin:0px;
}
我还创建了一个 pastebin:http://pastebin.com/9YKfsycG
我的主要问题是背景图片。当我放大或缩小时,它应该会随着博客内容移动。相反,它保持锁定在原位。检查页面后,我看到我的代码部分显示为 background-attachment: absolute;被 Chrome 标记为“无效的属性值”。
注意:将其从“绝对”切换为“固定”不会改变任何内容。
再次感谢所有花时间查看此问题并帮助我解决此问题的人。
如果您需要屏幕截图,我有 - 它不允许我将它们张贴在这里,因为要张贴超过 2 个链接,您的声誉必须超过 10。
最佳答案
将 absolute 切换为 fixed 允许 Chrome 正确读取代码。从那里,我删除了 background-size: cover;并得到了我希望的结果。谢谢!
关于html - Tumblr 背景附件 : absolute; showing as invalid property value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37120510/