0

次のコードは、かわいい CSS を使用して div 全体を <a> タグにリンクできるようにします。IE7 (およびおそらく 6) を除くすべてのブラウザーで機能します。IE7 では、#go スパンがリンクを覆い隠しているようです。div の残りの部分は、ページの通常の部分と同じように機能する span 要素を除いてリンクされています。z インデックスを変更して、スパンをブロックとして表示しようとしました (ご覧のとおり)。最後の手段は、スパンを追加の <a> タグでラップすることですが、それはひどいものです...誰かより良い解決策はありますか?

.orangebutton {
    position: relative; 
}
.orangebutton a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

<div class="orangebutton floatright" id="home-go-button4">
    <span id="go" style="display: block">Go</span>
    <a href="http://google.com"></a>
</div>
4

1 に答える 1

2

これは IE のバグです (空の div ホバー イベントが IE で起動しない) 。

解決策は、タグの背景を設定するaことですが、透明にする必要があるため、透明な背景画像を追加するだけです..

http://jsfiddle.net/3m93n/1/のデモ
(インターネットからホットリンクされた透明な画像..ローカル バージョンを作成する.. )

于 2012-05-25T19:23:21.190 に答える