CSS“背景属性：固定”但用于图像

【问题标题】：CSS 'background-attribute: fixed' but for imageCSS“背景属性：固定”但用于图像
【发布时间】：2015-09-04 18:06:06
【问题描述】：

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

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

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

但如果是这种情况，你会使用什么命令：

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

注意：将“内容”更改为“背景图像”不适用于我使用的主题。

【问题讨论】：

【解决方案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 和 .homeBG 固定在其他元素之上，您可能需要调整它。

更多关于position的信息

【讨论】：