opacityが効かない条件と回避方法2020年11月18日opacityは要素を透明、半透明にするCSSプロパティです。ある条件によりopacityが効かなくなることがあります。opacityが効かない条件と回避方法を解説します。</div></a>下記をchromeで見てみてください。透明になっていないかと思います。opacityが効かない条件は下記すべてを満たしたときです。逆にいうと解決方法は上記の条件を崩せばいいのです。手っ取り早いのはaタグに「display:block」を指定してしまうことでしょう。</div></a>下記をchromeで見てみてください。透明になったかと思います。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読むその他の原因スペルミスをしていたりCSSの優先度が負けているとCSSが効かない場合があります。下記を参考に見直してみてください。CSSが効かない原因と回避方法【よくあるケアレスミス】CSS効かない、htmlが崩れたときは以下に当てはまらないかチェックしてみてください。opacityが効かない条件と回避方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。