- 締切済み
Operaのバージョン９でa:hover { text-decoration: underline; }が動作しない
Operaのバージョン９で以下の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> この問題を解決するにはどうすればよいのでしょうか？ ご存知の方がおられましたらご回答をよろしくお願いします。
- nana_watuki
- お礼率61% (142/232)
- HTML
- 回答数4
- ありがとう数0
- みんなの回答 （4）
- 専門家の回答
みんなの回答
フォントサイズは12pxや120%でも下線が見えました。 出ているのでしょうが、フォントサイズの問題で見えないようですね。 Opera9でのtext-decoration: none/underlineの挙動が怪しいという報告を見たことがあるので、サポートに報告もいってるんじゃないでしょうか。 Operaでの標準フォントサイズをいじっておくという手もありますが（笑）根本的な解決にはならないので、Weekly Buildが進めば改善されるだろうと割り切ってしまうか、どうしても我慢できなければ率先してフォーラムやMLで投稿してみてもいいかもしれません。
- 345itati
- ベストアンサー率48% (795/1639)
>最初は３つとも下線が表示されていなくて マウスオーバーしたときにのみに下線が表示されるということでしょうか？ その動作です。ソースでも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%以下に設定することで、この問題を解決できるのことが いろいろと試してみた結果わかったのですが、なぜこのような現象が起きるのかは不明です。
- 345itati
- ベストアンサー率48% (795/1639)
>その下線が見えていないことが動作の異常です。 当方のOperaでは、普通に下線が表示されます。 恐らく質問者様側のOperaの問題になるかと？
補足
それは上記のソースをコピー＆ペーストしたあと 最初は３つとも下線が表示されていなくて マウスオーバーしたときにのみに下線が表示されるということでしょうか？ 私のOperaはインストールしてから設定をいじっていないので 特に問題はないはずなのですが・・・ よろしければ345itatiさんのOperaのバージョンと使用OSを教えてください。
- key-child
- ベストアンサー率54% (25/46)
見えてないだけじゃないでしょうか。 動作に以上は見られません。 ズーム１００％で見たときは下線が見えませんでしたけど、 ズーム２００％で見たときは下線が見えました。 普段使ってますが、同じページでもリンクの下線が表示されてるものと表示されていないものがある場合があります。
補足
その下線が見えていないことが動作の異常です。 現在、リンクにマウスオーバーしても下線が 表示されない問題の解決方法を募集しています。
補足
確かにほかにも同じような症状の方をよく見かけます。 しばらくはfont-sizeを99%以下に設定することで解決しようと思います。