IE

Question

loginBoxため

<div id="loginBox"> 
     <!--h3>Login</h3--> 
     <form action="login.php" method="post"> 
     <!--?php csrf_token(); ?--> 
     <input type="hidden" name="do" value="scplogin"> 
     <fieldset> 
      <input type="text" name="username" id="name" value="" placeholder="Username" autocorrect="off" autocapitalize="off"> 
      <input type="password" name="passwd" id="pass" placeholder="Password" autocorrect="off" autocapitalize="off"> 
     </fieldset> 
     <input class="submit" type="submit" name="submit" value="Log In"> 
     <span></span> 
     <div id="label"></div> 
     </form> 
</div> 

の親ボックスの不透明度を削除：
フィルタ：プログラムID：DXImageTransform.Microsoft.gradient（startColorstr =＃002d72、endColorstr =＃002d72）。 -ms-filter： "progid：DXImageTransform.Microsoft.Alpha（Opacity = 50）";

子供の入力がそれらを継承しないようにするために、私はすでにChromeでそれらを解決しましたが、IEでそれらを解決する方法がわかりません。

Answer 1

aRGB文字列を使用して不透明度-ms-filterを削除し、グラデーションフィルタを変更してaRGB文字列を含めることができます。 HEXのアルファ値コードのリストここで

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80002d72, endColorstr=#80002d72); 

です：あなたは、これはあなたの現在の前でであることを確認する必要があり

100% — FF 
95% — F2 
90% — E6 
85% — D9 
80% — CC 
75% — BF 
70% — B3 
65% — A6 
60% — 99 
55% — 8C 
50% — 80 
45% — 73 
40% — 66 
35% — 59 
30% — 4D 
25% — 40 
20% — 33 
15% — 26 
10% — 1A 
5% — 0D 
0% — 00 

あなたは、各色に50％の不透明度をしたいと仮定すると、 16進コード。

IEでのフォールバックは、他のブラウザで既に動作している場合は、IE固有のスタイルシートのPNGになる可能性があります。

==== UPDATE ====最後

- 私はjavascriptのオプションを見てしまう、私はこれをテストしたのだが、IE7で働いています。

これはThatsNotYoChild.jsと呼ばれています。あなただけthatsNotYoChild('parent');を呼び出し、

http://codepen.io/impressivewebs/details/CyfED

をし、それが実現するのは簡単です：

現在地codepenワーキング見つけることができます。

あなたはこのようなクロムのための問題を解決することができRGBAを使用し、途中で印象的なWebをhttp://www.impressivewebs.com/fixing-parent-child-opacity/