Skip to main content

Search and Top Navigation

#7394 closed feature (worksforme)

Opened May 18, 2011 04:23PM UTC

Closed November 20, 2012 01:52AM UTC

CSS framework doesn't support IE8 opacity

Reported by: jgv Owned by: jgv
Priority: minor Milestone: 1.10.0
Component: ui.css-framework Version: 1.8.13
Keywords: Cc:
Blocked by: Blocking:
Description

CSS suports IE 5-7 and IE9 but not IE8. See http://www.quirksmode.org/css/opacity.html

Bug fix/pull request => https://github.com/jquery/jquery-ui/pull/250

Attachments (0)
Change History (9)

Changed November 08, 2011 01:10PM UTC by M.Gaetan89 comment:1

The pull request has been closed and not merged. What about this ticket, then ?

Changed November 08, 2011 01:51PM UTC by scottgonzalez comment:2

The pull request wasn't acceptable, please see the comments. Feel free to send an updated pull request.

Changed June 26, 2012 01:22AM UTC by scottgonzalez comment:3

type: enhancementfeature

Changed October 11, 2012 02:15PM UTC by scottgonzalez comment:4

milestone: 1.9.01.10.0

Changed October 27, 2012 02:06AM UTC by tj.vantoll comment:5

_comment0: Thanks for taking the time to contribute to the jQuery UI project. Per #8237 this should now be complete. Yes, we are not including the specified syntax for IE8, but everything renders correctly. \ \ Opacity is used within the toolkits for displaying widgets in their disabled states as well as for the overlay shown when modal dialogs are displayed. Here is a test case showing every widget that can be disabled in the toolkit in its disabled state - http://jsfiddle.net/tj_vantoll/CFgDL/. It also includes a button that will display a modal dialog so the overlay can be seen. Compare the test case in IE8 and the most recent Chrome and Firefox and there are no visual differences in the opacity displayed. \ \ If you can come up with a test case that shows an issue in IE8 please let us know so we can tackle this. To get you started, use this boilerplate: http://jsfiddle.net/ZgAqH/ Open the link and click to "Fork" (in the top menu) to get started.1351303650600951
milestone: 1.10.01.9.1
resolution: → fixed
status: newclosed

Thanks for taking the time to contribute to the jQuery UI project. Per #8237 this should now be complete. Yes, we are not including the specified syntax for IE8, but everything renders correctly.

Opacity is used within the library for displaying widgets in their disabled states as well as for the overlay shown when modal dialogs are displayed. Here is a test case showing every widget that can be disabled in the toolkit in its disabled state - http://jsfiddle.net/tj_vantoll/CFgDL/. It also includes a button that will display a modal dialog so the overlay can be seen. Compare the test case in IE8 and the most recent Chrome and Firefox and there are no visual differences in the opacity displayed.

If you can come up with a test case that shows an issue in IE8 please let us know so we can tackle this. To get you started, use this boilerplate: http://jsfiddle.net/ZgAqH/ Open the link and click to "Fork" (in the top menu) to get started.

Changed October 27, 2012 02:16AM UTC by scottgonzalez comment:6

milestone: 1.9.1
resolution: fixed
status: closedreopened

This isn't fixed unless something changed. It's either worksforme or open. I'll set it to pending for a test case.

Changed October 27, 2012 02:16AM UTC by scottgonzalez comment:7

owner: → jgv
status: reopenedpending

Changed November 09, 2012 01:39PM UTC by mikesherov comment:8

milestone: → 1.10.0

Changed November 20, 2012 01:52AM UTC by mikesherov comment:9

resolution: → worksforme
status: pendingclosed

Thanks for contributing. However, this is unnecessary, and quirksmode.org is just wrong. Here is what's needed for cross-browser opacity: http://css-tricks.com/css-transparency-settings-for-all-broswers/