html - Background_position 不工作

Question

我无法让 background-position 工作。我试过把代码放在我能想到的任何地方!!!有任何想法吗？？？谢谢

http://codepen.io/anon/pen/ogPrxV

我的html是

<div class="container">
      <div class="inner"></div>
</div>

我的CSS是

.container {
    width: 80%;
    background-color: red;
    background-position: center;
    text-align: center;
}

.inner {
    border: 1px solid;
    height: 160px;
    width: 320px;
    background-position: 50% 50%;
    background: green url("welcome-small.png") no-repeat;
}

Answer 1

您使用的是背景图像的速记，因此您应该在背景中包含位置:样式。

.inner {
    border: 1px solid;
    height: 160px;
    width: 320px;
    background: url("welcome-small.png") no-repeat 50% 50% green;
}