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;
}

IE6中右边界Div的背景图像

2 个答案: