IE9文字渲染问题 - 字母切尾 [英] IE9 text rendering issue - tails on letters cut off

问题描述

我遇到了一个问题，在IE9标准模式下 - IE9渲染文本，以这种方式尾随字母 - q，p，y等消失。已尝试使用填充和其他常见的CSS设置帮助修复这个，但我没有运气到目前为止。

I'm running into an issue where - in IE9 standards mode - IE9 renders text in such a way that the tails on descending letters - "q, p, y" etc - disappear. Have tried playing with padding and other common CSS settings in helps of fixing this but am having no luck so far.

谁有一个想法这可能是什么？

Who's got an idea what this might be?

推荐答案

编辑：我在博客上发现了这个。链接不再活了。离开它这里

I found this on a blog. The link isn't live anymore. Leaving it here just in case it pops up again.

它好像文本是输入内的一个节点，而行高

Its as though the text is a node inside the input and the line-height has been set on that inner element, with the surrounding element clipping the overflowing text.

解决方案很简单，将line-height设置为1 （无单位）

The solution is simple, set the line-height to be "1" (no-units)

这篇关于IE9文字渲染问题 - 字母切尾的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！