Question

我有一个生成HTML / CSS的文本引擎。下面是它生成的一些文字。

＆＃13;

#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-style: solid;
  outline-width: thin;
  outline-color: rgb(0, 120, 228);
}

span.text516Font1 {
  font-size: 16px;
  font-family: "Arial", sans-serif;
  color: #010101;
}

＆＃13;

<div id="text516" style="width: 201px; height: 81px;">
  <a tabindex="1" id="text516anc" style="display:block;height:0px;width:0px;"></a>
  <table style="border-collapse:collapse;top:0px;position:absolute; border-spacing:0; width:100%; height:100%">
    <tbody>
      <tr>
        <td style="position: absolute;top:0px;left:0px;box-sizing:border-box;width:100%;vertical-align:top;height:100%;padding:5px">
          <div style="height:100%;width:100%;overflow-y:hidden;overflow-x:hidden;">

            <p style="margin-left:0px;text-indent:0px;line-height:1.350;margin-top:0px;margin-bottom:0px;text-align:left;" dbg_tag_42="" leglh="1.409" dbg_tag_34.1a="">
              <span class="text516Font1" style="position:relative;top:-2px;" dbg_tag_95="">hi my name is matthew and I like pie.
    </span></p>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

＆＃13;

此外，here is a JSFiddle Link可以查看问题（仅限IE / Edge）

我可以采取一些措施来解决此问题，例如从封装文本的范围中删除style属性。我也可以删除表格元素并只保留p标签，但是当它保留在上面时，无论外部div被设置为隐藏的事实，轮廓总是显示。这是浏览器的错误，还是我缺少的一些HTML功能？

即使div被隐藏，也可以在IE / Edge中看到Div Outline

0 个答案: