1

PC の IE8、FF、および Safari では正常に動作するコードがいくつかありますが、IE7 では動作しません。アイデアは、タグに背景画像、テキストと前景画像を含む大きなボタンを配置することです。ユーザーがボタンにカーソルを合わせると、背景画像が別の画像に置き換えられます。

CSS:

ul { list-style-type:none; }

ul li { display:inline; }

ul li.link a {
    position:relative;
    float:left;
    margin:0 10px 10px 0;
    background:url(templatebtn.jpg) no-repeat;
    width:294px;
    height:250px;
    display:block;
    padding:6px 0 0 6px;
    }

ul li.link a:hover {
    position:relative;
    float:left;
    margin:0 10px 10px 0;
    background:url(templatebtnover.jpg) no-repeat;
    width:294px;
    height:250px;
    display:block;
    padding:6px 0 0 6px;
    cursor:pointer;
    }

HTML:

<ul>
<li class="link">
<a id="button1" class="btn">
<div class="btntitle"><p><strong>A title</strong></p></div>
<div class="btnpic"><img src="pic.jpg" /></div>
</a>
</li>
...
</ul>

IE7 では、ホバー時に画像が置き換えられず、カーソルがポインターに変わりません。css a:hover からガンクのほとんどを削除しても、a:hover {cursor:pointer; があるだけです。それでも機能しません (つまり、カーソルが変化しません)。私はこれを何年もグーグルで検索してきましたが、明らかな何かが欠けているに違いありません...そしてアイデアはありますか？

ありがとう、G

4

1 に答える 1

3

に変更divしspanます。divXHTML および HTML <5 は内部を許可しませんa。

編集：ああ、あなたがそれをしている間に、内部は許可されていないpので、を削除してください。:)pspan

編集 2:タグhrefに属性を追加します。a

于 2011-03-25T12:44:51.807 に答える