とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門
3. イメージ置換

イメージ置換

.text-hide はテキストを非表示にします。文字を背景画像として表示するけれども、SEO の対策から文字も指定したい場合、文字を非表示にして埋め込む際に利用されます。

<style>
h1#title1 {
  background: url(image_replacement.png);
  width: 284px;
  height: 34px;
}
</style>

<h1 class="text-hide" id="title1">Image replacement</h1>