html - IE11 截断元素

Question

我有一个博客/媒体帖子网格(http://qli.quietrev.com/media/ 和 http://qli.quietrev.com/articles/blogs/)，在除 IE 之外的每个浏览器中 - 特别是 11 - 网格元素似乎无缘无故地被切成两半。

我在这里没有做任何不寻常的事情，在检查元素时我没有看到任何会导致它的重叠。

在标题和段落标签上，我尝试了很多方法，例如 width: 100%、display: block 和 overflow: hidden ; 强制它们跨越 li 的宽度。

如有任何想法，我们将不胜感激。谢谢!

Answer 1

我发现了问题。在你的 CSS 中你有这个

html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

如果您删除该 CSS 中的 text-shadow，您的内容将再次显示。 IE text-shadow 属性似乎不支持值 0.004，因为如果将其更改为 0.4，则文本将正确显示。