オーバーレイを絶対に配置すると、h3 のホバー (下線) が機能しません (ただし、A タグはすべてをラップします)。
正常に配置されている場合、下線は魅力のように機能します。
z-indexes で遊んでみましたが無駄でした
何か案は ？
1914 次
1 に答える
2
まず、aタグはインライン要素で、h3タグはブロック要素です! h3タグ内にタグを配置することはできませんa。したがって、最初にaタグを削除し、 のような他のブロック レベル要素として作成しdivます。
疑似クラスは、タグ:hover以外の IE 6 では機能しません。aしたがって、divタグを使用して としてターゲティングするとdiv:hover、IE 7 未満のブラウザを除くすべてのブラウザで機能します。
それでも、同じマークアップを使用したい場合は、これを追加してください:
a {display: block;}
そのため、インライン要素ではなくブロック要素としてレンダリングし、h3and div!を保持します。
プレビュー
もう 1 つの最良の方法は、 !border-bottom: 2px solid;の代わりに追加することです。text-decoration
于 2012-07-05T10:28:46.613 に答える