【jQuery】匿名コメント投稿者のアバターを表示させる

Blogger は基本的にコメント投稿者が「匿名」または「名前/URL」の場合はアバターが何も表示されません。

何もないと寂しいし透明人間のよう？なので、当ブログでは匿名専用のアバターを用意して表示させていました。
表示方法は単純で、CSSで投稿者アイコンのクラス(.comment-author img)に background-image を当てて背景として設定していただけ。

ユーザーアバターがあるログイン投稿者の場合はアバター画像が背景画像よりも前面に来るので匿名アバターが見える心配はないんだけど、ユーザーアバターが透過PNGで隙間がある時は隙間から匿名アバターの一部が見えてしまうという欠点があるのが前から気になっていて、これを何とか改善出来ないものかと考えた。 Read More