共有テンプレート“colorfree”、画像表示漏れ修復

Manannan Mac Lir

共有テンプレート“colorfree”の透過PNG画像がIEのみ表示されない状態になっていたのを、修復しました。テンプレート再ダウンロードの必要はありません。

詳細は追記に。

何が起こっていたかというと。

テンプレートHTMLに下記の箇所があります。

ここに記述した「colorfree_ie.css」中身が、

.menutitle {background-image :url(http://blog84.fc2.com/m/manannan/file/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog84.fc2.com/m/manannan/file/colorfree-menu.png', sizingMethod=scale);
}
div.l {background-image :url(http://blog84.fc2.com/m/manannan/file/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog84.fc2.com/m/manannan/file/colorfree-bar10.png',sizingMethod=scale);
}
div.l2 {background-image :url(http://blog84.fc2.com/m/manannan/file/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog84.fc2.com/m/manannan/file/colorfree-bar10.png',sizingMethod=scale);
}

になっていました。下記の内容に修正しましたので、表示されるようになったと思います。

.menutitle {background-image :url(http://blog-imgs-23.fc2.com/m/a/n/manannan/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog-imgs-23.fc2.com/m/a/n/manannan/colorfree-menu.png', sizingMethod=scale);
}
div.l {background-image :url(http://blog-imgs-23.fc2.com/m/a/n/manannan/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog-imgs-23.fc2.com/m/a/n/manannan/colorfree-bar10.png',sizingMethod=scale);
}
div.l2 {background-image :url(http://blog-imgs-23.fc2.com/m/a/n/manannan/touka.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog-imgs-23.fc2.com/m/a/n/manannan/colorfree-bar10.png',sizingMethod=scale);
}