Opened 10 years ago

Closed 10 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 10 years ago.
possible fix

Download all attachments as: .zip

Change History (4)

comment:1 Changed 10 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 10 years ago by Douglas Hays

Attachment: 11191.patch added

possible fix

comment:2 Changed 10 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 10 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.