I have an application I have developed, which makes use of the modal regions which display a small form in a modal region when the user clicks a button.
I am having problems with how it is displayed in IE8. I have many users in my organisation who still use IE8 so I need to find a fix.
I have installed one of the 'packaged applications' on apex.oracle.com and converted the theme from 101 to Theme 25 to demonstrate the issue (ignore the fact that the buttons have had a different template to the "+" and ">").
Login as: matt/matt
Click on any of the "Add xx" buttons, e.g. "Add Update".
You will see that the colour of the region is black and you can't see the modal box. This makes the text very hard to read, and not really useable.
I have been trying to figure out which css style controls the background (to potentially put a fix in the HTML header of my page) but I cannot figure out how to fix it.
Any guidance would be appreciated!
This may be a bug in Theme 25 for IE8, and I will investigate this issue further. However, for now, it seems like there are two issues. First, being that the background of the page becomes completely black wh en the modal is loaded when it should really be somewhat transparent. To fix this, you can add the following CSS:
The second issue is that the modal appears to be behind the background, so you are unable to see it. Try adding the following styles and see if it can fix the issue:
Unfortunately, I was unable to reproduce the second issue on my VM (IE9 running in IE8 mode).
Yep I got the opacity working nicely yesterday using:
This works nicely.
I am still having trouble with the background of the modal section.
Applying the z-index did not seem to make a difference.
The text, fields and buttons seem to be on top - but its just the colour of the modal box.
Been playing around with turning some elements of the css on/off:
If I turn this off:
It turns on another modal region and displays the background properly?