html - Tumblr 背景附件 : absolute; showing as invalid property value

标签 html css

首先,我感谢那些花时间帮助我解决这个问题的人——这几天一直让我发疯。

基本上,我的 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/

相关文章:

html - 将阴影和 z-index 应用于绝对定位元素

css - 如何水平对齐导航栏中的三个元素?

jquery - 如何去除当前页面下的背景图片

css - 如果超过 7 个导入,则 Less CSS 不会在 Visual Studio 2013 预览 Pane 中编译

javascript - 相对 Arc Canvas 到秒计时器

javascript - 如何阻止 Firefox 在本地主机上缓存文本区域的内容?

javascript - swfobject嵌入youtube flex 视频高度问题

css - 以数字结尾的颜色词?

html - 部分悬停由 CSS3 激活和不激活

javascript - 如何在 html ref 标签中获取谷歌应用程序脚本函数/变量