【覚書】IE6,IE7対応メモ

よかったらシェアしてね

ie
それはそれはもう、完全なるメモです。時々増えるかもです。ブログなのに!(≧▽≦)

ノートに書きなぐってあるメモのまとめ IE6,IE7対応編

overflowを入れてもfloatが崩れる!

widthやzoom:1をいれ、とりあえずhaslayoutをtrueにする。

あれっ、背景が表示されない!

親要素にposition:relative;入れる

position:absoluteでbottom使ったらどこかに消えた!

IE6で表示されなくなるので、親要素のhaslayoutをtrueにする。

透過opacityの書き順

[css]
{
filter:alfpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25
}
[/css]
この順で書かないと効かないときがある。
(windows7のIEテスターIE6では透過見れない。XPなどで確認)

CSS3をIE6,7,8でも効かせるPIE.htcを入れたけど、効いてない!

position:relative;入れてみる。

aタグをblock要素にしてるのに、ちゃんと全体にカーソルが乗らない!

position:relative入れてみる。

overflow:hidden;内の:hover(aタグのボタンとか)がうまく効かないとき

親要素(overflow:hiddenのとこ)のhaslayoutをtrueにする。

tableのtrの背景色が表示されない

reset.cssとかにbackground:transparent;(透過)とか入ってない?

table内で英数字をはみ出させない

[css]
table {
word-break:break-all;
word-wrap:break-word;
}
[/css]
両方入れたのは、IEがモダンブラウザの表示に近くなるように。

ネガティブマージンを使った画像が切れた!

position:relative;入れてみる。

display:inline-block;で横並びさせるとき

[css]
{
display:inline-block;
/display:inline;
/zoom:1;
}[/css]
このセットで使うと幸せになれる。「/」はIE6,7のスラッシュハック。

[おまけ]上のdisplay:inline-block;で横に隙間ができる

親要素に、letter-spacing:-.40em;(文字間を詰める)
inline-blockを入れてる要素に、letter-spacing:normal;(文字間を通常にもどす)
を入れる。

よかったらシェアしてね

フォローする