IE/Edge中隐藏Div的Outline仍可见问题及相关代码

这个问题是IE和旧版Edge的已知渲染bug：当元素设置visibility: hidden时，浏览器只会隐藏元素的内容和背景，但不会自动处理outline这类装饰性边框样式，导致outline依然显示在页面上。下面根据你的需求提供几种针对性的解决方案：

方案1：不需要保留元素空间时（直接移除元素渲染） #

用display: none替代visibility: hidden，这样元素会完全从页面渲染流中移除，包括outline在内的所有样式都不会显示：

#text516 {
  position: absolute;
  left: 197px;
  top: 168px;
  width: 201px;
  height: 81px;
  display: none; /* 替换visibility:hidden */
  z-index: 1;
  background-clip: padding-box;
  border-style: solid;
  border-width: 5px;
  border-color: rgb(0, 120, 228);
  outline-style: solid;
  outline-width: thin;
  outline-color: rgb(0, 120, 228);
}

注意：display: none会让元素不再占据页面空间，如果你的布局依赖该元素的占位，这个方案不适用。

方案2：需要保留元素空间时（隐藏内容但保留位置） #

子方案2.1：强制移除outline #

在原有样式基础上添加outline: none，直接让outline不渲染，同时保留visibility: hidden来隐藏元素内容：

#text516 {
  position: absolute;
  left: 197px;
  top: 168px;
  width: 201px;
  height: 81px;
  visibility: hidden;
  z-index: 1;
  background-clip: padding-box;
  border-style: solid;
  border-width: 5px;
  border-color: rgb(0, 120, 228);
  outline: none; /* 新增这行，强制移除outline */
}

子方案2.2：用透明化替代visibility:hidden #

使用opacity: 0让元素完全透明（包括outline和border），再配合pointer-events: none防止元素被意外点击，这样既保留元素占位，又隐藏所有视觉内容：

#text516 {
  position: absolute;
  left: 197px;
  top: 168px;
  width: 201px;
  height: 81px;
  opacity: 0; /* 替代visibility:hidden */
  pointer-events: none; /* 防止元素干扰交互 */
  z-index: 1;
  background-clip: padding-box;
  border-style: solid;
  border-width: 5px;
  border-color: rgb(0, 120, 228);
  outline-style: solid;
  outline-width: thin;
  outline-color: rgb(0, 120, 228);
}

子方案2.3：裁剪元素到不可见 #

使用clip-path: inset(100%)将元素完全裁剪掉，视觉上不可见，但依然保留元素的占位空间：

#text516 {
  position: absolute;
  left: 197px;
  top: 168px;
  width: 201px;
  height: 81px;
  visibility: hidden;
  clip-path: inset(100%); /* 新增裁剪规则 */
  z-index: 1;
  background-clip: padding-box;
  border-style: solid;
  border-width: 5px;
  border-color: rgb(0, 120, 228);
  outline-style: solid;
  outline-width: thin;
  outline-color: rgb(0, 120, 228);
}

内容的提问来源于stack exchange，提问作者Matthew Mallimo