Question

首先，我感谢任何花时间帮助我解决这个问题的人 - 这让我疯狂了好几天。

基本上，我的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的声誉。

Answer 1

将绝对值切换为固定值允许Chrome正确读取代码。从那里，我删除了背景大小：封面;并得到了我希望的结果。谢谢！

Tumblr背景附件：绝对;显示为无效的属性值

1 个答案: