IE6 右边框 Div 中的背景图像

Question

帮助

我拼命尝试在 Internet Explorer 6 中的 DIV 的右边框上放置背景图像。

到目前为止没有成功。

这是我的 CSS:

.test
{
    width: 100px;
    border-right: red thin solid;
    border-top: red thin solid;
    border-left: red thin solid;
    border-bottom: red thin solid;


    background-position-x: 100%;
    background-position-y: 0px;
    background: url(roundcorner_righttile_11x11.png);
    background-repeat: repeat-y;
}

HTML:

<div class="test">
 text
</div>

Div 应该在最后动态扩展。 “100 px”仅用于测试。

也许是因为它是一个 png 文件？

我很感激任何帮助。

Answer 1

.test
{
    width: 100px;
    border: red thin solid;    
    background: url(roundcorner_righttile_11x11.png) right top repeat-y;
}

<div class="test">
 text
</div>

Answer 2

尝试：

.test
{
    width: 100px;
    border-right: red thin solid;
    border-top: red thin solid;
    border-left: red thin solid;
    border-bottom: red thin solid;

    background-position: right top;
    background: url(roundcorner_righttile_11x11.png);
    background-repeat: repeat-y;
}