IE8文字封面错误

时间：2013-10-30 04:29:13

标签： html css internet-explorer-8

我在IE8.My页面遇到了一个奇怪的错误，如下所示：

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset='utf-8'>
        <title>IE8 bug</title>
    </head>
    <body>
       <div class='content'>
           <a class='inner-text'>你好hello world</a>
           <a class='wid' >ssss</a>
       </div>
    </body>
    <style type='text/css'>
    .wid{
        border: 1px solid red;
        }
    .content{
        position: fixed;
        }
    .inner-text{
        display: inline-block;
        }
    </style>
</html>

错误是'ssss'将覆盖'你好世界'的一部分，看起来条件是：

1）.content必须定位为固定或绝对;

2）设置.inner-text的显示内联块，它的innerHTML必须包含非ascii字母;

3）必须有DTD;

我得到了一些解决方案。将'你好世界'改为'你好你好世界'。但我想要一些更好的解决方案，你想帮助我吗？

1 个答案:

答案 0 :(得分：2)

我发现这只是在原生的IE8中，并且非ascii对我没有任何影响。

根据您设定的样式，我看到了：

enter image description here

如果我删除.inner-text { display: inline-block; }，则会修复：

enter image description here

如果您有.wid { display: inline-block; }以及.inner-text { display: inline-block; }它也会修复。

enter image description here

最后，显示它的最后一张图像在没有字符的情况下仍然破裂。

enter image description here

相关问题
最新问题