表TD通过阴影泄漏背景

时间:2017-10-13 10:55:40

标签: html css html-table box-shadow w3.css

我已经制作了一个表格,我希望使用阴影对结果进行颜色编码,只留下颜色就可以了,但我希望包含一些分离,以便在执行此操作时使信息更易于呈现在Internet Explorer上导致一些我不理解的颜色泄漏,因为它在所有其他浏览器上都能正常工作。

以下是代码的链接:https://jsfiddle.net/fkhw6L08/2

<!DOCTYPE html>
<html>
<head>
<style> 
.BackColourYC{
background-color:orange;
box-shadow:inset 0 0 0 5px White;
text-align:center!important;
}

td{padding: 20px;}

</style>


</head>
<body>
<table>
<tr>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
<td class="BackColourYC">WOOOO</td>
</tr>
</table>

我一直在摸不着头脑,并且无法解决为什么它会在任何帮助下流血的颜色太棒了!。

这是放大的泄漏颜色,因此您可以轻松地看到它:

https://i.stack.imgur.com/biMS3.jpg

IE版本11.

0 个答案:

没有答案