no-repeat;cursor:pointer}.broken_link,a.broken_link{text-decoration:line-through}こんぷれHOMEプロフィールお問い合わせホームブログ関連リンクの下線が文字に被るのが直りませんブログ関連TwitterFacebookはてブPocket2018.08.01こんにちは、ゆんつです。僕のブログには前から少し問題が生じています。それは「いくつかのリンクの下線が文字に被って取り消し線のようになる問題」です。文字の真ん中に線が引かれ一見「取り消し線」のように見えますが、取り消し線ではありません。普通は文字の下にあるリンクの下線が上にずれ文字に被ってしまい、まるで取り消し線のようになっているのです。この状態でも普通にリンクとして機能するし、僕のブログのほとんどのリンクは正常に表示されるので放置していましたが、ずっとこの取り消し線のようなリンクの下線が心に引っかかっています。今日はこれを何とか改善したいと思います。目次ビジュアルエディタでは正常に見えるリンクの貼り直しでは治らないさっぱり原因がわかりませんブログカードとして貼る下線を表示されないようにする今回は下線を消すことにしましたビジュアルエディタでは正常に見えるこの取り消し線のようなリンクの下線。ビジュアルエディタでは下線は文字とは被らず、正常な見た目のリンクとして表示されます。プレビュー画面や、実際に記事を公開してみると下線が文字に重なり取り消し線のようになるのです。リンクの貼り直しでは治らないこの現象を確認して何度かリンクの貼り直しをしてみました。テストページを作成して全く同じリンクを貼るとリンクの下線はズレずに表示されたので、リンクの文字列が悪いわけでも無さそうです。同じ記事内の別のリンクは正しく表示されています。原因がわかりません検索しても直接解決に結びつくような有用な情報を見つけることができません。何十回もリンクを貼りなおしても直りません。ブログカードとして貼る僕はブログテーマにCocoonを使用しています。Cocoonを使っている場合、単純にURLを貼り付けると自動的にリンクがカードのような見た目になります。リンクのシンプルさは損なわれますが、ブログカードにしてしまえばリンクの下線は表示されません。下線を表示されないようにするHTMLのタグを使ってリンクの下線を消すこともできます。none;”を追加します。none;>メルカリで「テレホンカード」で検索した結果</a>すると、このように下線が消え文字に下線が被ることが無くなります。今回は下線を消すことにしましたとりあえず今回はタグを使って文字にリンクの下線が被っているものについては、リンクの下線を見えなくなるようにして文字に被らないようにしました。本当は根本的な解決策がわかるといいんですが、調べてもわからなかったのでとりあえずこれで我慢します。解決策を知っている人は教えてくださるとうれしいです。それでは、またですー。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。プロフィールこっそりゆんつ山口県在住です。Reserved.メニューHOMEプロフィールお問い合わせホーム検索トップサイドバープロフィールこっそりゆんつ山口県在住です。(17)エックスサーバーで。