Considering two different client machines:
- Both using Internet Explorer 8
- Both using Windows XP
- Both are 32-bit machines
- Both accessing the same Intranet site (that I have built)
Why, on one machine does the background-color render normally, as it should, while on the other machine, it doesn’t render the right color in the main wrapperDiv (that is, it just adopts the color of the parent element, <body>).
The full CSS rule that I am using for the <div id="wrapperDiv"> element is shown below:
#wrapperDiv
{
background-color: rgba(0, 148, 255, 0.50);
width: 900px;
text-align: center;
margin-left: auto;
margin-right: auto;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
border-color: #000;
border-style: outset;
border-width: 2px;
padding-bottom: 40px;
behavior: url(PIE.htc);
}
As you can see, I am using PIE, however, I don’t think that has anything to do with this issue.
I would understand the differences if they were using different browsers (or different versions of the same browser), different OSs (or different versions of the same OS), etc., but why, when the browsers and OSs are the same, does the color not render on one of the machines? (e.g., it simply takes the parent background color). Is this a common issue, or do I have some kind of rare crazy circumstance here?
Thanks!
This is not possible according to me…only issue I can see here could be cache on the other system, kinda IE on the other system must be caching old CSS file, either press
ctrl+f5for hard refresh or clear the temporary files and see if it works..And I just read so for your information IE 8 doesn’t support
rgbaso do it like this…