IE7でのテキスト入力の背景のスクロール

Question

IE7のこの厄介なバグについて、私たちのほとんどが知っていると思います。入力されたテキストがテキスト入力の幅より長い場合、テキスト入力の背景イメージがスクロールします。

Numerousquestionsは、askedおよびbloggedであった。

これらの質問と投稿はすべて、テキスト入力の前後にdivを囲む必要があります。これは、CMSによって生成されたマークアップを扱っているので、私ができないことです。

しかし、私は正常に経験を低下させたいと思います。 IE7以下では、背景画像を表示せず、色を表示するだけで満足しています。

これが使用されているCSSです：

form input[type="text"], form input[type="password"]{ 
    background-image: url('bg.png'); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 

    padding-left: 4px; 
    padding-right: 4px; 

    width: 100%; 
    height: 30px; 
     border: #008296 1px solid; 
} 

私はbackground-attachment: fixedを追加しようとしているが、背景画像はIE、Firefoxとクロームのすべてのバージョンに示されているされなくなります！私はIE7以下でこの動作が欲しいだけなので、IE7のみのスタイルシートを作成するだけでなく、これをどうやって行うことができますか？

Answer 1

いつもIE7固有のCSSセレクタフィルタを使用して、IE7の目的のスタイルを上書きすることができます。

IE7にのみ適用されるクラスを作成するには、単にクラス名の前に*:first-child+htmlと入力します。

もう1つの選択肢は、IE（別名IE CSSハック）に固有のCSSルールを宣言することです。これにはアスタリスク（*）を属性の前に置く必要があります。これはIE7以下にのみ適用されます。これは有効なCSS構文ではないので、これは高く評価されていません。

あなたはIEとCSSハックに対処するため、このサイトの面白いを見つけることができます：http://www.javascriptkit.com/dhtmltutors/csshacks2.shtml