Forgot to mention – I am using the “responsive theme,” although the menu I created is not part of the theme.
Hard to tell using firebug, but try
.menu:after, .menu ul:after {
background: transparent;
}
If that doesn’t work, see if there’s an IE8 or IE conditional in responsive you can use to remove the background color.
Thank you for the reply. I tried the suggestion with no success. I also couldn’t find a conditional response. I went ahead and set up style sheet with code from http://css3pie.com/, but I am still seeing unwanted background. Any suggestions greatly appreciated.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Andrew,
Thank you for the suggestion. That CSS PIE plugin seems great, but when I installed it, it made all corners rounded on boxes, not just the top as I had the configured with this code:
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
I put a post in the support for the plugin to try to get advice.
Also, the plugin did not make the dark grey background go away in IE (which is why I originally created this topic). I’m still trying to figure out how to fix “dark background” issue. Any suggestions greatly appreciated.
There is dark grey background set here (line 1768 in the regular responsive style.css file):
.menu .current_page_item a, .menu .current-menu-item a {
background-color: #343434;
}
it’s getting overridden, but perhaps not in IE?
WPyogi, I had already tried to change that I don’t believe it’s the issue (it’s set to FFFFFF right now and you can still see the dark border in IE). I’ve never seen anything like this. Any suggestions would be greatly appreciated.
WPyogi,
I was able to fix the issue due to your suggestion. It wasn’t the class that you suggested, but I did start looking at other classes in the regular responsive style.css file. I found that some of those classes were not being overridden by my child theme css. Thank you so very much for the help.
IE has it’s own background property:
.menu {
filter: none;
}
Thanks,
Emil
Emil,
Works perfectly. Thank you once again.
