邊界在表沒有顯示在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在拐角

回答

相關問題