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来改变浏览器之间的可见性（仅针对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 ...是否错误

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

1 个答案: