Question

美好的一天。

我有一个bootstrap 3侧边栏，我在IE 11中测试。我在侧边栏的边框上得到了一个奇怪的鬼影效果。首次渲染页面时，只显示侧边栏的下边缘...当我将鼠标悬停在可折叠项目上时，会出现重影的右边缘，然后一直保持到页面刷新为止。图片看起来像this。

请注意，此处选择颜色只是为了突出显示的重影边缘。：）

与侧边栏相关联的CSS如下所示（请注意div部分＆＃34;面板侧栏＆＃34;重复3次，对于3个主要可折叠菜单中的每一个都重复一次，为简洁起见，此处未显示）：

    <div class="row-offcanvas row-offcanvas-left active">
    <div class="sidebar-offcanvas" id="sidebar" style="overflow-y:hidden; background-color:fuchsia;">
        <div class="col-md-12 left-menu">
            <div class="panel affix" id="accordion">
                <div class="panel sidebar">
                    <div class="panel-heading unselectable" unselectable="on">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Group 1</a>
                        </h4>
                    </div>
                    <div id="collapse1" class="panel-collapse collapse in">
                        <table class="sidebarTable">
                            <tr>
                                <td>
                                    <a href="#">Orders</a> <span class="label label-success">$ 320</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="#">Invoices</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="#">Shipments</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="#">Tex</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

我们非常感谢任何帮助，因为我尝试了许多设置边框的组合：none，outline：none等。

Answer 1

您可以尝试使用此特定CSS样式来定位IE10 +。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
}

Answer 2

我很糟糕并错过了这个因为我对css和bootstrap很新......引导面板定义定义了box-shadow，当我将它设置为

时

box-shadow:none;

世界恢复了以前的稳定性。

顺便说一下，我通过从另一个帖子中获取提示来确定这一点，该帖子指示在浏览器中点击F12以显示正在应用的实际样式。

干杯。

Bootstrap 3，左侧边栏菜单，重影边框

2 个答案: