IE 11剪切文本 [英] IE 11 clipping text

问题描述

我在这篇文章中所述的网页上有相同的问题。

I have the same issue on my page as described in this post.

只是区别：我的网页在线。这是一个带有段落和div的简单页面，但是段落中的文本仍然被裁剪（与页面上的位置无关）。

Only difference: my page is online. It's a simple page with a paragraph and divs, but still the text in the paragraph is clipped (independent on the location on the page).

我试过：

• 给出宽度，


• 添加高度，


• 将段落放在单独的div中，


• 创建表格，


• 重新定位到底部。

• giving it width,
• adding height,
• putting the paragraph in a separate div,
• creating a table,
• relocating to bottom.

所有结果都是相同的截断文字...在线上您可以看到这里：

All resulted in the same cut off text... Its online you can see it here:

适用于所有其他浏览器，但IE11 ...任何提示？ / p>

Works in all other browsers but IE11... Any hints?

推荐答案

您的问题似乎在第913行的 screen.css

Your problem appears to be in screen.css on line 913:

text-shadow: 0px 1px 1px #fff;

如果你取消这行（我在调试器中试过），它会工作。

If you cancel this line (I tried in the debugger), it works.

这是因为你给了3个像素属性，这在你的示例中似乎没有工作。尝试将其更改为两个属性，例如：

This is because you gave 3 pixel properties, which didn't seem to work in your example. Try changing it to two properties, for example:

text-shadow: 0px 1px #fff;

这应该也能工作。

这篇关于IE 11剪切文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！