wp-pollsがie6で文字の表示がおかしい
WordPressでお世話になっている投票プラグイン「wp-polls」がie6で表示がおかしいことに気付いた。
FireFoxなどでは問題なく表示されるのに、ie6のときだけwp-pollsの表示箇所が妙なフォントで表示される。しかもなぜか全て太字…
問題を絞り込んでいくと、どうやらプラグインに設定されているcssが悪さをしている様子。
「polls-css.css」
.wp-polls-ans {
width:100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
/* background-color: #ffffff; */
}
この「filter: alpha(opacity=100)」が怪しい。
filterというのはie独自のcssで、画像などに特殊効果を与えるもの。
試しに
/* filter: alpha(opacity=100); */
このようにコメントアウトしたら、表示が正常になった!
しかし、まだ完全に直ったわけではない。投票をクリックしたときにまた太字に変換されてしまう。投票後にページを更新してcssを読み込み直すと正常になるのだが、再度投票するとまた太字になる。
実はデフォルトのテーマで試すとこのエラーが起きないので、自分のテーマとの相性に原因があるらしい。理由がわからないままとりあえず保留。