0

私は完全な CSS/HTML 初心者です。あなたが私を助けてくれれば、本当に感謝します。

ボタンを修正する必要があります。

  • アクティブ化フィールド (ホバー) をボタンの実際のサイズ (影なし) に縮小します。
  • ボタンの上にカーソルを置いたときに、最初の画像の残り物を取り除く方法は?

ありがとう！

jsfiddle リンク:

http://jsfiddle.net/cRqhT/125/

HTML:

<html>
    <body>
        <div>
<a id="button" href="http://mysite.com"</a>
            </div>
        </body>
    </html>

CSS:

div {
    width: 820px;
    height: 820px;
    background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
}

#button{
  display: block;
    width: 204px;
    height: 116px;
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
    position: absolute;
    top: 90%;
    left:10%;
}
#button:hover {
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
    }
4

1 に答える 1

1

必要に応じてコーナーブラケットを追加しただけで、両方の問題が修正されたようです. こちらの JSFiddle を参照してください。

<html>
    <body>
        <div>
            <a id="button" href="http://mysite.com"></a> <!--Notice extra corner bracket-->
        </div>
    </body>
</html>
于 2013-02-22T17:01:21.500 に答える