2

背景位置が「右上」の背景を持つオブジェクトがあります

この背景位置を 10px 上に移動したい (ホバー時) が、値を変更するとすぐに、新しい値が 0,0 ポイント (左上) から挿入されますが、必要です (右上)

これに対する 100% CSS ソリューションはありますか?

4

2 に答える 2

1

これがあなたが望むものだと思います：

div{
    height:450px;
    width:450px;
    border:1px solid red;
    background-image:url(//IMAGE);
    background-repeat:no-repeat;
    background-position: 100% 0;
}

div:hover{
    background-position: 100% -10px;
}

を指定すると、background-position:100% 0右上隅に設定されます。10px次に、ホバー時の高さからマイナスします。

例: http://jsfiddle.net/jasongennaro/Teyfj/

高さ、幅、境界線は例にすぎません

于 2011-09-11T05:59:25.970 に答える
0

ホバー時に特定の要素の背景画像を変更する場合:

#my_element {
    background-image: url(/path/to/image);
]
#my_element:hover {
    background-image: url(/path/to/another/image);
]

したがって、上部から 10px 離れた 2 番目の画像を作成できます。これは機能するはずbodyです#my_element。

于 2011-09-11T05:55:29.290 に答える