CSS Sichtbarkeit zu ändern oder anzuzeigen nicht in IE arbeiten 11

Question

Ich habe diese zwei ähnliche Tasten, ich möchte einer von ihnen auf IE (11+) und andere auf Chrome arbeiten

<a href="javascript:void(0);" id="btnKabulFisiExplorer" class="btn btn-primary float-right" style="margin-right: 10px; visibility:hidden"> <i class="glyphicon glyphicon-print"></i> Kabul Fişi Explorer</a> 

<a href="javascript:void(0);" id="btnKabulFisi" class="btn btn-primary float-right" style="margin-right: 10px;"> <i class="glyphicon glyphicon-print"></i> Kabul Fişi</a> 

Einer von ihnen, der Forscher haben visibility:hidden innerhalb Stil.

Ich verwende diese CSS die Sichtbarkeiten zwischen den Browsern zu ändern arbeiten (dh nur 11 Ziel)

@@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
      #btnKabulFisiExplorer{ 
       visibility:visible; 
      } 
      #btnKabulFisi{ 
       display:none; 
      } 
     } 

Aber es ist nicht die Taste sichtbar zu machen. Ich habe auch versucht, das Anzeigeattribut zu ändern, aber es hat nicht funktioniert. Es funktioniert sehr gut beim Ändern anderer Tasten display Attribut obwohl.

Was mache ich falsch?

Answer 1

Es ist, weil Inline-CSS höhere Priorität als äußere CSS hat. Da Sie kein Inline-CSS-Set display haben, deshalb funktioniert es, während visibility: hidden; inline festgelegt ist.

Verschieben Sie einfach Ihr Inline-CSS in die Klassenregel der CSS-Datei oder des Tags.

auch prüfen, ob es nicht Fehler ist mit @@ vor media (@@media ...)