0px 的 CSS 边框宽度仍在 Internet Explorer 中呈现 1px？答案

【问题标题】：CSS border-width of 0px still rendering 1px in Internet Explorer?0px 的 CSS 边框宽度仍在 Internet Explorer 中呈现 1px？
【发布时间】：2016-10-03 15:35:46
【问题描述】：

我有以下：

.icon {
 border-style: solid;
 border-width: 2px 2px 0 0;
 transform: rotate(-45deg);
}

底部边框设置为 0px，但在边框下方的图像中仍以 1px 呈现。负值显然不是一种选择。

【问题讨论】：

您是否尝试将其设置为border-bottom: none;？
这个问题可能是因为你的网站被放大了什么的。这很可能是浏览器的渲染问题，你可以在那里做的不多......
我只使用一张图片，因为它也支持旧版浏览器，不会有任何问题
你能给我们提琴吗？
您使用的是哪个版本的 Internet Explorer？直观地看到正在发生的事情会很有用。此外，考虑使用 box-shadow 来模拟所需的效果（来自图像）。它看起来非常适合您正在做的事情。

标签： html css internet-explorer

【解决方案1】：

按照somethinghere 的建议，将border-bottom:none 添加到.icon，如下所示：

.icon {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-bottom: none;
    transform: rotate(-45deg);
}

或者：

.icon{
    border-top: 2px solid #454545;
    border-right: 2px solid #454545;
    transform: rotate(-45deg);
}

请尝试在 IE 中查看此页面并检查问题是否已解决。

.box{
  width:100px;
  height:100px;
  margin: 100px auto;
}
.icon{
  border-top: 2px solid #454545;
  border-right: 2px solid #454545;
  transform: rotate(-45deg);
}

&lt;div class="box icon"&gt;&lt;/div&gt;

【讨论】：

我已经尝试过设置但它不适用于IE？不知道为什么。
IE11 对我来说没问题。你的版本是多少？
我也在用IE11。我尝试在开发者控制台中添加border-bottom 属性，但没有border-bottom 选项，我得到诸如border-bottom-color 等选项。
我相信你做错了，因为我在我的客户端上做了一个简单的 html-css 测试，一切正常。我会在我的答案中添加 sinppet。请稍等
@DavidFariña 我的浏览器设置为 100%，我仔细检查了。