边界在表没有显示在IE11与三角形TDS在拐角
问题描述:
td {
padding: 20px;
}
.note {
position: relative;
}
.note:after {
content: "";
position: absolute;
top: 0;
right: 0;
\t width: 0;
\t height: 0;
display: block;
\t border-left: 20px solid transparent;
\t border-bottom: 20px solid transparent;
\t
\t border-top: 20px solid #f00;
}
<table border="1">
<tr>
<td class="note">Triangle!</td>
<td>No Triangle!</td>
</tr>
</table>
用角形,我指示用于悬停字段-td三角形工具提示但随后用于相应TD或TR边框来罚款铬,Mozilla,但不是在IE11。
答
您给出的代码在IE11中工作得很好,但在IE7中无效。
问题是,IE正在进入IE7兼容模式。
这通常发生在测试时在本地运行代码。有一个IE设置告诉IE为本地Intranet站点使用兼容模式。此设置适用于需要升级IE但不想更新依赖旧版本的系统的企业。
您可以通过将x-ua-compatible
元标记添加到您的HTML代码中,或通过更改浏览器中的相关配置设置来修复它。
我在IE11中检查过它,看不到问题。我可以看到三角形和边框,正如我在Chrome –
中看到的,但对于我在ie11中不工作。边界左侧和边界右侧不会出现 –