CSSのA:hoverについて

解決済

質問者：w0a15455
質問日時：2008/04/17 16:36
回答数：2件

次のようなXHTMLを、IEで表示すると、問題ないのですが、
FireFox2やオペラで表示すると、○○○○○の部分にマウスを乗せると
赤く反転してしまいます。
なぜでしょうか？
test.html－－－－－－－－－－－－－－－－－
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>テスト</title>
<style type="text/css">

</style>
</head>
<body>
<div align="left">　<b>（タイトル）</b></div>
<b>見出し１</b><a name="見出し１"/>　○○○○○○○○○（<a href="#">▲▲▲▲▲▲</a>××××××<br/>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： goldfox
回答日時：2008/04/17 20:41

＞自動的に、<a name="○○○" /> と変換されてしまいます。

<a name="見出し１">
に対する終了タグがないから、自動的にスラッシュが付くのではないですか？
<a href="#">▲▲▲▲▲▲
より前（例えば～○○○</a>（<a href="#">▲▲～）とつけて（終了して）いますか？

色が反転するのは、<a>要素のhover指定のせいでしょうね。
IE以外では<a>要素以外にもhover指定が可能なのを考えれば、ありうるかと。
a[name]:hover {color: inherit;}

xhtmlでname属性のアンカーって使えましたっけ？
http://www.xml.vc/hp/keitai/link-id1.html

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
xhtmlでname属性は使ってはいけなかったんですね。
XSLTを修正して、対応したいと思います。

通報する

お礼日時：2008/04/18 08:41

No.1

回答者： shimix
回答日時：2008/04/17 16:59

IEが手を抜いているだけだと思います。

アンカーは空要素ではありませんから

　　<a name="見出し１"/>　でなく、　<a name="見出し１"></a>

と書かないといけません。

この回答への補足

そうなんですね。
ただ、環境を書くのを忘れたのですが、
XML→XHTMLの変換をしています。パーサは、MSXMLを使っているのですが、自動的に、<a name="○○○" /> と変換されてしまいます。
これは、何とかならないのでしょうか？

環境：WinXP(SP2)+IE7 or FireFox2 + MSXML

補足日時：2008/04/17 17:16

通報する