ちょっと作業で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は普通に読んでるだけなのになんでかからないんだろう??
かなり不思議な現象でした。
この調子だと他にもタグ全体にかけたCSSがIEでは効かないことがあるかも。