プロが教えるわが家の防犯対策術!

Operaのバージョン9で以下のCSSが正常に動作しません。

症状:リンクにマウスオーバーしても下線が表示されない。
使用OS:Windows XP SP2

<html>
<head>
<style type="text/css">
a { text-decoration: none; }
a:hover { text-decoration: underline; }
</style>
</head>
<body>
<ul>
<li><a href="#">sample</a></li>
<li><a href="#">sample</a></li>
<li><a href="#">sample</a></li>
</ul>
</body>
</html>

この問題を解決するにはどうすればよいのでしょうか?
ご存知の方がおられましたらご回答をよろしくお願いします。

A 回答 (4件)

フォントサイズは12pxや120%でも下線が見えました。


出ているのでしょうが、フォントサイズの問題で見えないようですね。
Opera9でのtext-decoration: none/underlineの挙動が怪しいという報告を見たことがあるので、サポートに報告もいってるんじゃないでしょうか。
Operaでの標準フォントサイズをいじっておくという手もありますが(笑)根本的な解決にはならないので、Weekly Buildが進めば改善されるだろうと割り切ってしまうか、どうしても我慢できなければ率先してフォーラムやMLで投稿してみてもいいかもしれません。

この回答への補足

確かにほかにも同じような症状の方をよく見かけます。
しばらくはfont-sizeを99%以下に設定することで解決しようと思います。

補足日時:2007/01/25 08:40
    • good
    • 0

>最初は3つとも下線が表示されていなくて


マウスオーバーしたときにのみに下線が表示されるということでしょうか?

その動作です。ソースでもa: hoverでオンマウス時にアンダーライン表示になっていますし、Operaのエラーコンソールにもエラーは出てきていません。
確認したのは、
Windows XP SP2 Opera9.10
Mac OS 10.4.8 Opera9.02
です。。。
念の為、CSSをちょっと丁寧に
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
-->
</style>
と記述してみても変わりませんか?

この回答への補足

上記の記述にしてみたのですが特に変化はありませんでした。

念のため同じOSが入っているノートパソコンの方にOperaをインストールして
動作検証をしてみたのですが、こちらの方は問題なく動作しました。

ちなみにfont-sizeを99%以下に設定することで、この問題を解決できるのことが
いろいろと試してみた結果わかったのですが、なぜこのような現象が起きるのかは不明です。

補足日時:2007/01/21 13:16
    • good
    • 0

>その下線が見えていないことが動作の異常です。



当方のOperaでは、普通に下線が表示されます。
恐らく質問者様側のOperaの問題になるかと?

この回答への補足

それは上記のソースをコピー&ペーストしたあと
最初は3つとも下線が表示されていなくて
マウスオーバーしたときにのみに下線が表示されるということでしょうか?
私のOperaはインストールしてから設定をいじっていないので
特に問題はないはずなのですが・・・

よろしければ345itatiさんのOperaのバージョンと使用OSを教えてください。

補足日時:2007/01/21 06:59
    • good
    • 0

見えてないだけじゃないでしょうか。


動作に以上は見られません。

ズーム100%で見たときは下線が見えませんでしたけど、
ズーム200%で見たときは下線が見えました。

普段使ってますが、同じページでもリンクの下線が表示されてるものと表示されていないものがある場合があります。

この回答への補足

その下線が見えていないことが動作の異常です。

現在、リンクにマウスオーバーしても下線が
表示されない問題の解決方法を募集しています。

補足日時:2007/01/20 04:37
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!