几天前,我重新涂了我的网站.这个皮肤的开发主要是使用safari进行的,正如预期的那样,使用firefox和opera都可以很好地完成.我不得不为IE7做一些小调整,但没什么,除了一个问题......
在IE中,帖子的日期指示符被截断.这个问题似乎只发生在左浮动div内的嵌套span标签上.我想我需要浮动div来布局屏幕左侧和右侧的文本.
你们中的任何人都知道如何阻止IE7剪辑我的文字吗?
编辑:我有点放弃这个问题.我的脚本现在检查IE7并提供它有限的引擎可以处理的简化HTML.它适用于IE8,所以,就目前而言,只有IE7的特殊情况才能做到......
在IE6或7剪辑文本底部的大多数情况下,只需添加:
line-height: normal;
关于CSS规则.应该很好地解决它,但正如你所理解的,它也扩展了盒子.
我发现有一个黑客修复了IE中切断文本的问题.我注意到我标题中的最后一行是唯一一个被切断的行.
我的原始CSS在IE7中切断了最后一行,但在其他浏览器中看起来很好:
h2 { font-size: 22px; line-height: 1em; }
请在此处查看问题图片:https://skitch.com/pablohart/f4g3i/windows-7-x64
我做的修复包括简单地在底部添加填充,然后以负边距将填充带回来.像这样:
h2 { font-size: 22px; line-height: 1em; padding-bottom: 5px; margin-bottom: -5px; }
在此图像中查看修复图片:https://skitch.com/pablohart/f4g4h/windows-7-x64
line-height的问题:正常; 是它采用字体的默认行高,通常是1.3em.