Question

我有一个宽度小于100％的简单div，背景图像的背景位置为100％0。而不是bg图像粘贴在div的右侧，它被切断，似乎认为它的实际正确位置是身体的边缘，而不是它背景的div。

.bg {
    width:80%;
    height:500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 100% 0;
    background-size: 50%;
    background-image: url(http://www.blackitty.net/photographs/photos/slideshow/slide/133/Tofino_2013-11-24.jpg);
}

我为它做了一个小提琴：http://jsfiddle.net/bobmeador/j2MWX/上面的元素显示了问题。下面是完整的图像，因此您可以看到什么被切断。

任何想法为什么它似乎使用父级来定位而不是它所属的div？

当我的.bg div设置为宽度100％并且在div设置为80％宽度内时，我得到相同的结果。它似乎忽略了任何容器宽度，只是使用整体宽度进行100％参考。

Answer 1

我认为问题是background-attachment: fixed;，如果你删除它，图像就会完美地与右边对齐。

http://jsfiddle.net/j2MWX/2/

CSS background-position 100％（右）不按预期工作

1 个答案: