チープカ - はてなダイアリーのspan.sanchor問題

はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました＾＾。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ

[hosimitu]

役立ちました。

[webmarksjp]

はてな

[hiro_y]

はてなダイアリーの見出しの■を何とかする方法。

[wacky]

はてなダイアリーで見出しの行頭文字を画像に変えるCSS。

[popona]

見出しの四角を画像にするのが難しいという話

[asiamoth]

なるほどー、参考になるコード。

[nitoyon]

はてダの span.sanchor を画像にするテクニック決定版。

[another]

おお。僕は見出しの■の下線を消そうとして無理やり塗りつぶしてた。

[rikuo]

あとで。| 外部の人のテーマ > 参考：d:id:hatenadiary:20070822:1187786125