恐怖!wordpressの罠!

ちょっと作業でwordpressを使っていたのですがIEで恐ろしい罠にはまってしまいました。
結構焦ったのでメモっておきます!

IEのイメージにつく枠線の消し方

通常のHTMLでの修正はimg{text-decoration:none;}でOKなのですが、wordpressは2点ほど注意が必要です。

  • img全体にcssはかからないため一番外側のタグ内のimgに対してかけなければならない
  • text-decorationでは枠線が取れない

以上の2点です。

通常のHTML

img{
  text-decoration:none;
}

これをやりたい時のwordpress対応は

div#container img{
  border:0;
}

とすると同様の効果が出るようです。
cssは普通に読んでるだけなのになんでかからないんだろう??
かなり不思議な現象でした。

この調子だと他にもタグ全体にかけたCSSIEでは効かないことがあるかも。