Question

边框在Chrome和Firefox中可见，但在IE 11中不可见

我用它搜索了一下，以前我的代码是border：2px纯黑；我将其更改为边框样式，并在多行中添加了所有详细信息。那没有帮助。

.container{
    margin:10px;
    padding:5px;
    border:2px;
    border-style:solid;
    border-color:black;
    border-radius:3px;
    text-align:center;
}

This is how it looks in Firefox

This is how it looks in IE 11

Answer 1

我用IE 11中的CSS代码进行了测试。

代码：

<!doctype html>
<head>
<style>
.container{
    margin:10px;
    padding:5px;
    border:2px;
    border-style:solid;
    border-color:black;
    border-radius:3px;
    text-align:center;
}
.bodyCore{ border:1px dotted black; padding:40px; margin-top:8px; margin-bottom:8px; }
</style>
</head>
<body>
<div class="container">
<div class="bodyCore">sample text</div>
</div>
</body>
</html>

您可以在下面的结果中看到该边框在IE 11中可见。

我建议您使用此代码进行测试，并检查其是否显示边框。如果问题仍然存在，则尝试发布该页面的确切HTML和CSS代码。我们将尝试对其进行测试以检查问题。

Answer 2

@jeh回答了我的问题。我结束了这个讨论。我找不到接受他的答案或对其进行投票的方法。

Answer 3

我很高兴我的评论成功了！我不确定，所以我将其发布为评论，但这是一个答案，以便人们可以接受/支持：

这是一个奇怪的修复程序，但是我在IE中出现了边框消失的情况，因此我进行了修复通过向元素添加display：block或display：inline-block 取决于它是什么元素。很难提供更好的建议没有更多的代码就可以重现您的问题。这是一个hack 修复，但微软今年将停止对IE的支持意味着您也将不再需要支持它。我们的办公室是将在IE支持正式结束后举行聚会：D

很高兴为您解决！

在IE 11中看不到主体/容器的边框

3 个答案: