テキストの左右に線を引く [IE8対応]

001

コリスさんの記事を参考にしたが、IE11でバグが発生して使うことができず。

というわけで、htmlタグを組み合わせた古いやり方でIE8~11まで表示させる。
万能性はないので、あくまで時間がないときの応急処置。

検証済みブラウザとOS

  • IE 8~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X El Capitan
  • iOS 9
  • Android 4.1 / 5 / 6

 

要点とコード

  • div / span に relative を、b に aboslute を指定して、擬似的に線のように見せる
  • テキストカラーと b タグの背景色を同一にする

 

弱点

  • 2行以上になると崩れる
  • 定義タグ、リストタグなどでは使えない

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは一度だけクリックしてお待ちください。