Html IE8文本封面错误_Html_Css_Internet Explorer 8

Html IE8文本封面错误

html css internet-explorer-8

Html IE8文本封面错误,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,我在IE8中遇到了一个奇怪的错误。我的页面如下所示： <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>IE8 bug</title> </head> <body> <div class='content'> <a clas

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

<!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>


IE8错误
你好你好，世界
ssss
维德先生{
边框：1px纯红；
}
.内容{
位置：固定；
}
.内文{
显示：内联块；
}

错误在于“SSS”将覆盖“SSS”的一部分你好“你好，世界”，情况如下：

1） .内容必须定位为固定或绝对

2）内部文本的显示内联块及其innerHTML必须包含非ascii字母

3）必须有DTD

我有一些解决办法。一个是改变你好你好，世界“到”你好你好，世界。但是我想要一些更好的解决方案，你愿意帮助我吗

我发现这只存在于原生IE8中，而非ascii对我来说没有什么区别

通过您设置的样式，我可以看到：

如果我删除

.inner text{display:inline block；}

它会修复：

如果您有

.wid{display:inline block；}

以及

内部文本{display:inline block；}

它也会修复

最后，显示它的最后一个图像仍然没有字符

无论是否使用utf8编码，我都看不到错误。你能发布一个截图吗？另外-您是否尝试过在

.wid

类上设置

左边距

？我可以重现此错误，但我不必使用非ascii字母。正是“内部文本”上的

'inline-block'

和“内容”上的

修复的的组合导致了我的问题。你是说你想修复它，但你必须有那些CSS规则吗？@没有必要刷新页面吗？我刚刚添加了Render图像，它只在本机IE8上发生，如果你使用开发工具更改标准，则不会发生。非常感谢。如果hello和world之间没有空格，这个错误不会出现。所以我认为空格导致了这个错误，非ascii字母可以减少一些空格。