更改可见性或显示的 CSS 在 IE 11 中不起作用

Question

我有这两个相似的按钮，我希望其中一个在 IE (11+) 上工作，另一个在 Chrome 上工作

<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 来更改浏览器之间的可见性(仅针对 ie 11)

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

但是使按钮可见是行不通的。我也尝试过更改显示属性，但没有用。不过，它在更改其他按钮 display 属性时效果很好。

我做错了什么？

Answer 1

这是因为内联 CSS 比外层 CSS 具有更高的优先级。由于您没有内联 display CSS 集，所以这就是它在 visibility: hidden; 设置为内联时工作的原因。

只需将您的内联 CSS 移动到 CSS 文件或标签的类规则。

同时在 media (@@media ...) 之前检查 @@ 是否有错误