CSS＆＃39; background-attribute：fixed＆＃39;但是对于形象

Question

我想使用主题的CSS编辑Wordpress网站，我想在滚动时修复标题图像，但问题是标题不是背景图像，而是图片。

我知道我是否可以为背景图片执行此操作：

.homeBG {
    background-image: url('someImage.jpg');
    background-attribute: fixed;
}

但是如果是这样的话，你会使用什么命令：

.homeBG {
    content: url('someImage.jpg');
    /*make the image stay when scrolled*/
}

注意：更改＆＃34;内容＆＃34; to＆＃34; background-image＆＃34;对我正在使用的主题不起作用。

Answer 1

您可以尝试position:fixed;

更改：

.homeBG {
    content: url('someImage.jpg');
}

要

.homeBG {
    content: url('someImage.jpg');
    position:fixed;
    top:0px;
    left:0px;
}

重要的是要注意，当使用top:0px; left:0px;或right:0px;通过position:fixed;定位元素时，他们的位置将相对于整个位置固定浏览器窗口。如果z-index的{​​{1}}固定在其他元素之上，则可能需要调整.homeBG。

有关position

的更多信息

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

http://css-tricks.com/almanac/properties/p/position/