2016-06-15 43 views
0

我有這兩個類似的按鈕,我想他們中的一個對IE(11+)和其他工作在ChromeCSS改變可見性或顯示在IE瀏覽器不工作11

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

其中之一,該資源管理器裏面有visibility:hidden風格。

我使用這個CSS改變

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

瀏覽器之間的可見性(僅針對11即),但它不工作,以使按鈕可見。我也試圖改變顯示屬性,但沒有工作。它在改變其他按鈕display屬性時工作得很好。

我在做什麼錯?

+1

爲什麼@@媒體屏幕? –

+0

此頁面https://paper-leaf.com/blog/2014/09/targeting-ie-10-11-browsers-css/並且僅使用@model正在給出找不到介質的錯誤。由於它在其他按鈕上工作,我認爲@@部分不是問題 –

+0

@EgeBayrak該頁面只有一個@ ... –

回答

3

這是因爲內聯CSS比外CSS具有更高的優先級。由於您沒有內嵌display CSS集,所以這就是爲什麼它正在工作,而visibility: hidden;設置爲內聯。

只需將您的內聯CSS移動到CSS文件或標記的類規則即可。

還要檢查,如果它不是錯誤與@@以前media@@media ...

相關問題