边界在表没有显示在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。

来源

2016-05-15 manish patel

我在IE11中检查过它，看不到问题。我可以看到三角形和边框，正如我在Chrome –

中看到的，但对于我在ie11中不工作。边界左侧和边界右侧不会出现 –

您给出的代码在IE11中工作得很好，但在IE7中无效。

问题是，IE正在进入IE7兼容模式。

这通常发生在测试时在本地运行代码。有一个IE设置告诉IE为本地Intranet站点使用兼容模式。此设置适用于需要升级IE但不想更新依赖旧版本的系统的企业。

您可以通过将x-ua-compatible元标记添加到您的HTML代码中，或通过更改浏览器中的相关配置设置来修复它。

来源

2016-05-15 19:24:18 Spudley

边界在表没有显示在IE11与三角形TDS在拐角

回答

相关问题