ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：w0a15455 CSSのA:hoverについて
困り度：
  • すぐに回答を！
 次のような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">
<!--
body
{
font-family:'ＭＳ 明朝','明朝','ＭＳ ゴシック';
background-color:#FFFFFF;
}
A:link,A:active,A:visited
{
text-decoration:underline;
color:#0000FF;
}
A:hover
{
text-decoration:underline;
color:#FF0000;
}
-->
</style>
</head>
<body>
<div align="left">　<b>（タイトル）</b></div>
<b>見出し１</b><a name="見出し１"/>　○○○○○○○○○（<a href="#">▲▲▲▲▲▲</a>××××××<br/>
</body>
</html>
質問投稿日時：08/04/17 16:36
質問番号：3954908
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答20pt
回答者：goldfox ＞自動的に、<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​
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/17 20:41
回答番号：No.2
この回答へのお礼ありがとうございました。
xhtmlでname属性は使ってはいけなかったんですね。
XSLTを修正して、対応したいと思います。

回答

 
回答者：shimix IEが手を抜いているだけだと思います。アンカーは空要素ではありませんから

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

と書かないといけません。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/17 16:59
回答番号：No.1
この回答への補足そうなんですね。
ただ、環境を書くのを忘れたのですが、
XML→XHTMLの変換をしています。パーサは、MSXMLを使っているのですが、自動的に、<a name="○○○" /> と変換されてしまいます。
これは、何とかならないのでしょうか？

環境：WinXP(SP2)+IE7 or FireFox2 + MSXML
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ