imgではなく背景画像として画像を表示したい場面がたまにあるので、text-indent:-9999px;を使わないでテキストを画像に置換する方法をメモしておきます。 サンプルコード まずはtext-indent:-9999px;で実装した場合です。 HTML <div class="sample">テキストテキスト</div> CSS .sample { width: 300px; height: 50px; /* テキストを画像に置換する */ text-indent: -9999px; background: url(./image.png); } text-indent -9999pxでテキストを画像に置換するデモページ こちらでも想定した表示にはできていますが、SEO的にあまりよくなかったり、パフォーマンス的にもよくはありません。 次にtext-indent:-9999px;を使
![text-indent -9999pxを使わないでテキストを画像に置換する](https://cdn-ak-scissors.b.st-hatena.com/image/square/035a065d423238ff0ed47864c602015844d466b4/height=288;version=1;width=512/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2017%2F10%2Freplace-text-with-image.jpg)