Opened 9 years ago

Closed 9 years ago

#11191 closed defect (fixed)

Claro: splitter black in IE

Reported by: haysmark Owned by:
Priority: high Milestone: 1.5
Component: Dijit Version: 1.5.0b2
Keywords: Cc:
Blocked By: Blocking:

Description

See:

http://archive.dojotoolkit.org/nightly/checkout/dijit/themes/themeTester.html?theme=claro

Move your mouse over the left splitter. In most browsers, it will turn a light blue. In IE, it turns a very ugly black and blue.

Attachments (1)

11191.patch (1.2 KB) - added by Douglas Hays 9 years ago.
possible fix

Download all attachments as: .zip

Change History (4)

comment:1 Changed 9 years ago by bill

Milestone: tbd1.5

Yes, good catch, the problem occurs in IE8, IE7, and to a lesser extent in IE6.

The design for claro was to make the splitters transparent, so that the page background shows through. You can see the effect on webkit/FF on test_BorderContainer.html?theme=claro, if you change <body class="tundra"> to <body class="tundra" style="background-color: red">.

However, I think IE just doesn't support having a transparent background-color along with a background-image.

See #11194 for a possible patch although it breaks the transparency design listed above.

Changed 9 years ago by Douglas Hays

Attachment: 11191.patch added

possible fix

comment:2 Changed 9 years ago by Douglas Hays

Possible fix to claro to preserve transparency for real browsers and to make IE look good out of the box on splitter hover. Adjusted test_BordereCOntainer.html to have a red background for the 1st example. Note the older themes (tundra/soria/nihilo) are not using a transparent background color and thus override the user background for all browsers.

comment:3 Changed 9 years ago by bill

Resolution: fixed
Status: newclosed

(In [22276]) Removed the Filter/Opacity? styling as they were not needed. This fixed the odd black background rendering for IE browsers. Fixes #11191.

Note: See TracTickets for help on using tickets.