html - 背景の位置

Question

この画像は、3 方向のアニメーションを作成するために使用しています。この画像の最初の文字だけを表示する必要があります。さて、私は背景位置を使用しています-

background-position:0px 200px;

しかし、ここでは全体像を示しています。

スタイル

position:absolute;
    top: 40px;left: 40px;
background-position: 0px 200px;

画像-

Jsフィドルを案内してください。 フィドル

Answer 1

これを試してみてください

img{
clip:rect(0px,300px,auto,0px);
position:absolute;
}

Answer 2

使用してimgいますが、プロパティは要素にbackground-position適用されません。CSSでプロパティimgを使用する必要がありbackground-image、ここで要素の幅を設定する必要があります。100px200pxheightwidth200px100px

<div></div>

div {
   height: 200px;
   width: 100px;
   background-image: url();
   background-position: ;
   background-repeat: no-repeat;
   /* Other styles goes here */
}

Answer 3

この画像を背景として div に入れてから、background-positionプロパティを使用する必要があります。

background-position背景画像を使用する場合にのみ機能します。

ライブデモ

Answer 4

このリンクを参照してください。これが役立つことを願っています: http://jsfiddle.net/9RYph/7/

div {

    top: 40px;left: 40px;
    background-size:100%;
    background:url('http://i.stack.imgur.com/PuAjg.jpg');
    width: 50%;
    height: 600px;
}

Answer 5

#characterIDに背景画像を設定する必要があります。

background: url(http://img391.imageshack.us/img391/432/scorpionortholp0.jpg)

width次に、必要に応じて プロパティとプロパティを追加しheightます。