Opened 11 years ago
Closed 11 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)
Change History (4)
comment:1 Changed 11 years ago by
Milestone: | tbd → 1.5 |
---|
comment:2 Changed 11 years ago by
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 11 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
(In [22276]) Removed the Filter/Opacity? styling as they were not needed. This fixed the odd black background rendering for IE browsers. Fixes #11191.
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.