html - 背景图像无重复位置 : right not appearing. 图像引用正常。是什么赋予了？

Question

我有一个非常菜鸟的问题，但由于我无法让它工作，所以我还是要问。此完全相同的代码适用于我的其他网站。那么，为什么此代码不在标题右侧显示分隔符？

http://jsfiddle.net/jay_t55/2g13bfz2/1/

<header>
    <h1>Assessment Site</h1>
    <h2>Welcome...</h2>
</header>

header
{    
    width: 100%;
    height: 100%;

    padding-top: 30%;

    border-image: url("http://i.imgur.com/2jE2sDU.png");
    background-repeat: no-repeat;
    background-position: right;
}

header > h1, h2
{
    font-size: 22pt;
    color: #131313;

    margin-left: 25%;
}

Answer 1

您的代码显示“border-image”，将其更改为“background-image”。

background-position 条目也应该有两个参数。水平和垂直。我添加了中心作为垂直。

header
{    
    width: 100%;
    height: 100%;
    padding-top: 30%;
    background-image: url("http://i.imgur.com/2jE2sDU.png");
    background-repeat: no-repeat;
    background-position: right center;
}