Question

我尝试用css在我的网站背景上定位图像。我希望那些图像在我的背景上始终保持相同的位置。但我的背景图像改变了尺寸和图像移动......

背景：

html{
background: url("../images/example.gif") no-repeat bottom right fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

图像：

.image{
position: fixed;
right: 219.5px;
top: 368px;
}

任何想法如何让图像始终保持相同的位置？

Answer 1

请试一试。 css可以解决你的问题：）

    body {
           background: url('../images/bg.jpg') no-repeat center center fixed;
           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
            background-size: cover;
            color:#fff;
            background-color:#FFF;
            position: relative;
}

如果以上一次无效，请尝试以下代码

    body
       {
        background-image: url("../images/background.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
       }

Answer 2

请尝试这个：

html{
background: url("../images/bg.jpg") no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
        background-size: cover;
        color:#fff;
        background-color:#FFF;
        position: relative;
}

的CSS：

.image{
position: fixed;
right: 219.5px;
top: 368px;
}

DEMO PAGE

在背景上定位图像（背景大小更改）

2 个答案: