loginBox için IE

Question

<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> 

için üst kutudan donukluk kaldırma:
filtre: ProgID'sini: DXImageTransform.Microsoft.gradient (startColorstr = # 002d72, endColorstr = # 002d72); -MS filtre "progid: DXImageTransform.Microsoft.Alpha (opasite = 50)";

ama çocuk girişini istemiyoruz onları, zaten Chrome IE bunları çözmek için nasıl emin onları değil çözdük miras?

Answer 1

Bir ARGB dizeyi kullanın ve opaklığını -ms-filter kaldırıp argb dizeleri içerecek şekilde degrade filtre değiştirebilir. HEX alfa değeri kodlarının bir listesi İşte

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

oluyor:: Bu senin akımın önünde yılında olduğundan emin olmak gerekir

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 

renklerin her biri üzerinde% 50 opaklık istiyorum varsayarsak hex kodu. Zaten diğer tarayıcılarda çalışan varsa

Ya geri IE düşüş, bir IE özgü stil sayfasındaki bir PNG olabilir.

==== GÜNCELLEME

Son olarak ==== - Ben bir javascript seçeneği olmazdı, sadece bu test ettik ve IE7 çalışıyor.

O ThatsNotYoChild.js denir. Sadece thatsNotYoChild('parent'); diyoruz,

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

ve uygulamak basit:

Bir burada codepen çalışan bulabilirsiniz.

Böyle krom için sorunu çözebiliriz RGBA kullanmak, bu arada Etkileyici Ağların http://www.impressivewebs.com/fixing-parent-child-opacity/