IE7で空白divなのに余計な1行が出てしまう

IE7、またそれ以下バージョンのIEで起こるバグ。

通常文字を表示しているが、時々中身が無くしてdivだけ残しておきたい時がある。
（本来はあまりよくない事だと思うけど、タグも全部消してしまうと後で使う時に場所とかclassがわからなくなったりして面倒なので）

例）
タグだけ残してカラにしておきたい。
<div class="lead01"></div>

新しいブラウザとかでは何も表示されず問題ないんですが、IE7だと、文字が何か入っているように1行出てしまいます。
classに背景色を設定してあると、色のラインが出ます。

これを回避するためには、
<div class="leadAlertA02"><!-- --></div>
と何も書かないコメントを入れておけば解決。

IE7で余計な行が出てしまう問題

表示上はうまくいくけど、カラタグ+無駄なコメント追記、といういろんな意味であまり良くない気がする対策。
とりあえず表示だけでも直したい時に使用しましょう。

どちらかといえば、もうIE7以下は無視できればそのほうがいいですね。

IE10から出るようになった、inputフォームの文字を消す×印を消す

IE10からだと思うんですが、フォームに文字を入力すると削除できる×印が出るようになりました。
便利なんだけど、邪魔なときもある。

消すにはブラウザのプレフィックス付きのcssで制御するということです。
同じように、パスワードを一瞬見えるようにする目のアイコンも非表示にできます。

◆クリアーボタン？×印のやつ
.hogehoge input::-ms-clear{
visibility:hidden
}

◆リビールボタン？目の印のやつ
.hogehoge input::-ms-reveal {
    visibility:hidden
}

【CSSハック】IE7のみに適用

IE7のみに適用したいcssハック　記述

適用したいcssの前方に　*:first-child+html　を追加する。

例：
*:first-child+html .floating-box input[type="button"] {/*for IE7*/
    padding-left: -30px;
 }



IE7はIE6よりかはマシだけど、中途半端にcssが適用されたりしてレイアウト崩れが頻発しやすい感じがする。
あと、基本Vistaの人が使ってるから、シェア少なくなってきてるのでそろそろ考えなくてもいいかも？

【CSSハック】IE6以前に適用

IE6以前（5.5なども含む）にのみ適用されるCSSハック　記述法


適用したいcssの前方に　* html 　を記述。



例：
* html .leadBox {
　　margin:5px
}

IE6はそろそろ考えなくてもいいかな。さすがに。