0

前回の質問はあまり明確ではありませんでした。もう一度試してみます。

私の Tumblr ブログ (http://anti-standard.tumblr.com) では、ページの左側に貼り付けられた画像 (画像には「ANTI STANDARD」と表示されています) が表示されます。ただし、ページの右側に画像を貼り付けたい。これどうやってするの？次のCSSコードがあります。

.image-container1 {
    width:100%;
    position:absolute;
    float:right;
    right:0;
    clear:both;
}

.image-container2 {
    background:url('http://avare.nl/tumblr/as.png') no-repeat fixed;
    background-size:55px 500px;
    height:500px;
    width:55px;
}

そして、「body」タグのすぐ下にある次の HTML コード:

<div class="image-container1">
    <div class="image-container2">
    </div>    
</div>

皆さんがこれで私を助けてくれることを願っています。

4

1 に答える 1

1

float:right背景へ.image-container2の固定の追加と削除

.image-container2 {
    background:url('http://avare.nl/tumblr/as.png') no-repeat;
    background-size:55px 500px;
    height:500px;
    width:55px;    float:right;
}​

デモ

または簡単な方法でこのようにします

HTML

<div class="image-container1">lorem ...</div>

CSS

html, body{height:100%}
.image-container1 {
    width:100%;
    background:url('http://avare.nl/tumblr/as.png') no-repeat right top;
    background-size:55px 500px;
    height:100%
}

<強い>デモ

于 2012-12-18T12:35:19.177 に答える