CSS-错误导致滚动时重复元素

Question

我在 Windows 7 上遇到 Internet Explorer 11（版本 11.0.9600.18204）的问题。我正在开发的网站似乎无法正确显示：

但是，在 Windows 8.1 上的 Internet Explorer 11（版本 11.0.9600.18205）上没有出现相同的错误：

有什么办法可以解决这个问题吗？

编辑：这是有问题的 CSS 代码：

div[Attributes Style] {
  text-align: -webkit-right;
}
user agent stylesheetdiv {
  display: block;
}
#footer {
  clear: left;
  margin-top: 1em;
  margin-left: 0px;
  margin-right: 0px;
  background: #efefef;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0px;
  height: 20px;
  width: 100%;
}
div {
  display: block;
}

对于这段html代码：

<div id="footer_container" align="right">
        <div id="footer">
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="Impressum">Impressum</a>
            </b><img id="j_id_t" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces"><b>|</b><img id="j_id_v" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces">          
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="Datenschutzerklärung">Datenschutzerklärung</a>
            </b><img id="j_id_x" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces"><b>|</b><img id="j_id_z" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces">
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="AGB">AGB</a>
            </b>                                                    
        </div>
</div>

Answer 1

请检查父 div-容器并设置：

position: static

这应该避免感知到的行为。

CSS-错误导致滚动时重复元素

CSS-Bug causes repeating elements while scrolling

html

css

internet-explorer

internet-explorer-11