Side navigation
#1342 closed bug (fixed)
Opened July 02, 2007 03:39PM UTC
Closed July 20, 2007 11:47PM UTC
jquery 1.1.3 break opacity in IE6+
| Reported by: | AvengingAngel | Owned by: | john |
|---|---|---|---|
| Priority: | critical | Milestone: | 1.1.4 |
| Component: | effects | Version: | 1.1.3 |
| Keywords: | opacity | Cc: | |
| Blocked by: | Blocking: |
Description
opacity does not work in IE...
example:
<div id="test" style="background-color:Lime; height:100px; width:100px;">vup</div>
jQuery(function($)
{
none of this work in IE regarding the opacity
$("#test").hide('slow');
$("#test").fadeTo("slow", 0.5);
$("#test").fadeOut("slow");
});
Attachments (1)
Change History (7)
Changed July 02, 2007 05:47PM UTC by comment:1
Changed July 02, 2007 06:06PM UTC by comment:2
brandon.aaron submitted a opacity fix (3 hours ago) for the jquery.js (rev. 2213)
Changed July 04, 2007 09:18PM UTC by comment:3
| resolution: | → fixed |
|---|---|
| status: | new → closed |
Fixed in SVN rev [2213].
Changed July 12, 2007 12:44AM UTC by comment:4
Is this corrected in IE? I'm still not seeing the opacity change in IE6 or 7 on this page. The list of names should be going to a 50% opacity (like it does in Firefox) when you mouseover an individual name.
Changed July 13, 2007 09:58AM UTC by comment:5
| resolution: | fixed |
|---|---|
| status: | closed → reopened |
Still having problems here too in IE6 and IE7 - since upgrading to v1.1.3.1, where I used to have an animate call setting the opacity on a div to 30%, I now get 100% opacity without the code having changed. Rolling back to v1.1.2 and everything is fine.
Changed July 20, 2007 03:17PM UTC by comment:6
| owner: | → john |
|---|---|
| status: | reopened → new |
Changed July 20, 2007 11:47PM UTC by comment:7
| resolution: | → fixed |
|---|---|
| status: | new → closed |
Works in all browsers for me:
It appears that in jQuery 1.1.3, the opacity fork for IE (using the alpha filter) is not functioning. The final display style change to ''block'' or ''none'' works, so those browsers will simply delay hiding and showing the element until it thinks the animation is done.