0

ヘルプ

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ファイルだからでしょうか？

どんな助けにも感謝します。

4

2 に答える 2

1

試す：

.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;
}
于 2009-08-19T11:50:07.137 に答える
1 
.test
{
    width: 100px;
    border: red thin solid;    
    background: url(roundcorner_righttile_11x11.png) right top repeat-y;
}

<div class="test">
 text
</div>
于 2009-08-19T11:44:03.670 に答える