キヨタツウェブ制作者yoshiの個人ブログです。ポリシーは、キヨタツ(清らかに達成)。今回はcssでimgなどの画像をマウスホバーした時、その画像の下側に浮かび出てくる変な線(太い領域)のエラーについて対処法を記事にします。人はそっと戻るボタンを押してください。詳細どんなエラー?▼こちらのようにimg画像があるとします。▼このように画像の下部分に変な線が浮かび上がります。(図では緑色になっています。答えはcssで該当するimgをブロック要素にすることです。(display:block;にする。)imgはインライン要素ですので、imgにアンカー(aタグ)をつけてマウスホバー(a:hover)で背景の変化をつけようとすると上記のエラーがほぼほぼ起きてしまいます。css3では画像に対してopacityでマウスホバー時に透過性を与えたい時などに同様のエラーが起きやすいです。Yoshi※本記事は作成日より一年以上が経過しています。最新の情報ではないので、ご注意ください。@kiyotatsu_twKIYOTATSU(キヨタツ)を運営しているウェブ制作者のYoshiです。得意な分野はディレクションとコーディングです。デザインはシンプルなものだけ可能です。他、色々と随時習得中です。