「外枠のh5を画像のサイズにして、中身のテキスト部分の後ろに空のspanを埋め込み、それをblock要素にして背景画像を表示し、position: absoluteで外枠のh5の左上に合わせ、widthとheightを100%にして、略、かなりトリッキーな、」

yoshiii のブックマーク 2007/06/08 01:04

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4151739/comment/yoshiii" data-user-id="yoshiii" data-entry-url="https://b.hatena.ne.jp/entry/loconet.web2.jp/blog/archives/2007/03/csstextindent99.html" data-original-href="http://loconet.web2.jp/blog/archives/2007/03/csstextindent99.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Floconet.web2.jp%2Fblog%2Farchives%2F2007%2F03%2Fcsstextindent99.html" data-user-icon="/users/yoshiii/profile.png">CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/accessibility">accessibility</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/html">html</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/seo">seo</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/xhtml">xhtml</a>]</li></ul><br><p style="clear: left">「外枠のh5を画像のサイズにして、中身のテキスト部分の後ろに空のspanを埋め込み、それをblock要素にして背景画像を表示し、position: absoluteで外枠のh5の左上に合わせ、widthとheightを100%にして、略、かなりトリッキーな、」</p><a class="datetime" href="https://b.hatena.ne.jp/yoshiii/20070608#bookmark-4151739"><span class="datetime-body">2007/06/08 01:04</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！