Archived

This topic is now archived and is closed to further replies.

  • 0

Css For Menu Bg In Ie 8+

Question

Posted · Report post

Delete

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi,  We're not able to provide CSS solutions here, and I strongly recommend using Firebug or Chrome's Inspection Tools for your development work on what seems a very nicely done site. 

 

This is your problem CSS:

header#header, header#header a {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px #000000;
}

As you can see, it's adding a 2 pixel text shadow of black to the menu items.  The problem with this is that IE doesn't really support shadows, opacity, transparency of a number of manipulations of text. 

 

If you like this effect in other browsers, leave it, but use our Browser Specific CSS plugin (free in the Store) to modify it for IE, removing each 2px and replacing them with one 0 (zero).

Share this post


Link to post
Share on other sites

Posted · Report post

First off- thanks for the response!  

 

Initially I was in the PL+ live chat and they directed me to the forum for CSS help.  

 

As for the shadow- I've also added a IE fix, so the text shadow works in IE.  I'm just having issues w/ the menu BG active and hover states.

 

I do use Firebug, but the one drawback is you can't view hover states with Firebug.

Share this post


Link to post
Share on other sites

Posted · Report post

I've never liked Chrome's inspect element tool, but it actually works better when trying to pinpoint stubborn CSS rules.


I fixed the issue.

 

Thanks for your input.   :)

Share this post


Link to post
Share on other sites

Posted · Report post

You can view :hover in firebug by clicking the little drop down arrow next to the style tab and selecting it.

 

http://screencast.com/t/Sy4JEYCqyk

 

Check hover, active, focus and it will add them to the css for the element you're inspecting

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Nice!  Too bad I didn't come here a couple years ago- woulda saved me lots of time.  

Share this post


Link to post
Share on other sites