Microsoft KB Archive Search

Notice: This website is an unofficial Microsoft Knowledge Base (hereinafter KB) archive and is intended to provide a reliable access to deleted content from Microsoft KB. All KB articles are owned by Microsoft Corporation. Read full disclaimer for more details.

  1. Home
  2. Animated DIV elements flicker in Internet Explorer 9

Animated DIV elements flicker in Internet Explorer 9

View products that this article applies to.

Symptoms

When you run certain web applications in Windows Internet Explorer 9, animated DIV elements cause most of the elements in the webpage to flicker.

Note�This issue only occurs when the webpage is loaded in Internet Explorer 9 Standards mode.

↑ Back to the top

Resolution

Update information

To resolve this issue, install the most recent cumulative security update for Internet Explorer. To do this, go to Microsoft Update.

For technical information about the most recent cumulative security update for Internet Explorer, go to the following Microsoft website:
http://www.microsoft.com/technet/security/current.aspx
Note This update was first included in security update 2898785.

For more information, click the following article number to view the article in the Microsoft Knowledge Base:
2898785 MS13-097: Cumulative security update for Internet Explorer: December 10, 2013

↑ Back to the top

Status

Microsoft has confirmed that this is a problem in the Microsoft products that are listed in the "Applies to" section.

↑ Back to the top

References

You can reproduce this issue by following these steps:
  1. Save the following content as a file that is named IE9-test.html:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head id="Head2">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <title>Untitled Page</title>   
    <style type="text/css">
        body { min-height: 100%; }
    </style>
    <script type="text/javascript">
 <!--[CDATA[
        function _aspxPxToInt(px) {
            return _aspxPxToNumber(px, parseInt);
        }
        function _aspxPxToNumber(px, parseFunction) {
            var result = 0;
            if(px != null && px != "") {
                try {
                    var indexOfPx = px.indexOf("px");
                    if(indexOfPx > -1)
                        result = parseFunction(px.substr(0, indexOfPx));
                } catch(e) { }
            }
            return result;
        }
        function Drag(object, xTo, yTo, xStep, yStep, interval) {
            if(_aspxPxToInt(object.style.left) != xTo)
                object.style.left = (_aspxPxToInt(object.style.left) + xStep) + "px";
            if(_aspxPxToInt(object.style.top) != yTo)
                object.style.top = (_aspxPxToInt(object.style.top) + yStep) + "px";
            if(_aspxPxToInt(object.style.top) != yTo || _aspxPxToInt(object.style.left) != xTo)
                setTimeout(function () { Drag(object, xTo, yTo, xStep, yStep, interval); }, interval);
        }
        function startDrag() {
            Drag(document.getElementById("testDiv1"), window.innerWidth - 100, 150, 1, 1, 10);
            Drag(document.getElementById("testDiv2"), window.innerWidth - 100, 250, 1, 1, 20);
            return false;
        }
-->
    </script>
</head>
<body>
        <input type="button" onclick="startDrag()" style="margin-top: 250px;" value="Start Animation" />
        <div id="testDiv1" style="display: table; background-color: orange; width: 200px; height: 50px; position: absolute; top: 0px; left: 0px;"></div>
        <div id="testDiv2" style="display: table; background-color: violet; width: 200px; height: 50px; position: absolute; top: 100px; left: 0px;"></div>
</body>
</html>
  2. On a computer that has Internet Explorer 9 installed, run the IE9-test.html file in Internet Explorer 9 Standards mode.
  3. Click Start Animation�on the webpage. Two rectangles should start moving on the screen. When the orange rectangle reaches the edge of the screen, both of the rectangles should start flickering.

See the terminology that Microsoft uses to describe software updates.

↑ Back to the top

Keywords: KB2904079, kbexpertiseadvanced, kbsurveynew, kbfix, kbqfe

↑ Back to the top

Article Info
Article ID : 2904079
Revision : 1
Created on : 12/10/2013
Published on : 12/10/2013
Exists online : False
Views : 312