将背景图像（：相对）与右

Question

我的网站有一个标题background-image，使用以下CSS设置样式：

.header {
    position: relative;
    min-height: 436px;
    background: url("../img/holland-canal.jpg") no-repeat;
    background-size: cover;
}

就像现在一样，当在较低分辨率下调整窗口大小时，图像会向左对齐，因此图像的右侧部分会被切断。图片的右侧包含桥梁，我希望它始终可见。

是否可以将background-image定位为始终与右侧对齐，即在调整为较小的窗口时图像的左侧部分被切断？

Answer 1

将此添加到您的CSS：

.header{
    background-position:right;
}

因为具有header类的div包含背景图像

输出

更多信息，请查看 this

Answer 2

添加background-position

.header {
    position: relative;
    min-height: 436px;
    background: url("../img/holland-canal.jpg") no-repeat;
    background-size: cover;
    background-position: right;
}