Opened 11 years ago

Closed 11 years ago

Last modified 10 years ago

#12526 closed defect (duplicate)

dojo.animateProperty Needs to Use CSS Opacity for IE9

Reported by: Fergus Hadley Owned by:
Priority: high Milestone: 1.5.2
Component: General Version: 1.6.0
Keywords: ie9 Cc:
Blocked By: Blocking:


When fading opacity in, in IE9, once it reaches opacity 1 (fully opaque), the node disappears.

It appears that dojo is using a microsoft filter for the opacity but that it doesn't change the css opacity property. Once the filter animation is finished, the element returns to invisible because it has opacity 0.

Check out this test case (replacing the image tag with one for any image you have handy):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>IE9 Opacity Test</title>
<script src="" type="text/javascript"></script>

dojo.require( 'dojo.fx.easing' );
		console.log( 'ready' );
		var slide = dojo.query( '#container .slide' )[0];
				zIndex: 7, 
				opacity: 0,
				display: 'block'
    	console.log( 'fade in animation started' );
    	// fade in
    				opacity: 1
    			node: slide, 
    			duration: 3500,	    			
    			easing: dojo.fx.easing.expoOut,
    			onEnd: dojo.hitch
    					console.log( 'fade in animation finished', slide );

#container {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
	width: 808px;
	height: 508px;
#container a.slide {
    display: none;
    left: 0;
    opacity: 0;
    outline: 0 none;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 5;
#container a.slide img {
    margin: 0;
    padding: 0;


<div id="container">
	<a class="slide" href="#">
		<img src="a1_banners_1.png" width="808" height="308" />


Change History (4)

comment:1 Changed 11 years ago by Fergus Hadley

Adding this to the onEnd function fixes the issue:

{{ = 1; }}

But using this does not:

{{ (

node, {

zIndex: 6, opacity: 1


); }}

So presumably also needs fixing.

comment:2 Changed 11 years ago by Fergus Hadley

(oops - ignore the zIndex property. Meant to delete that before posting and cannot edit!)

comment:3 Changed 11 years ago by bill

Resolution: duplicate
Status: newclosed

Presumably dup of #12455.

comment:4 Changed 10 years ago by Kenneth G. Franqueiro

Milestone: tbd1.5.2

Updating milestone to 1.5.2 to reflect inclusion in changeset [26956] for ticket #14199.

Note: See TracTickets for help on using tickets.