背景位置超过100%的工作方式有何不同?

时间:2017-01-13 11:31:24

标签: background-position

我的背景定位有问题。 我希望背景图像移出它的容器,我想用背景位置:例如150%的中心。 现在问题在于不同的分辨率,这些%值有差异。 例如,在1360px分辨率下,我的背景图像向外移动,其值为水平的175%。 但在360px分辨率下,我的背景图像移出的值为水平的4500%。 你对这个问题有什么解决方案吗? 谢谢。

.airplane{
    width: 100%;
    height: 126px;
    background-image: url("../img/book.png");
    background-repeat: no-repeat;
    position: absolute;
    background-position: 175% center;
}
<div class="book">
</div>

0 个答案:

没有答案