Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Category Menu and Internet Explorer Issue - Opacity & Drop-Down (http://forum.bytesforall.com/showthread.php?t=12405)

dextor Jan 23, 2011 02:43 AM

Category Menu and Internet Explorer Issue - Opacity & Drop-Down
 
Hi there,

I am having two issues with my category menu in both IE and IE64, both Version 8:

Site: http://tvfrohnau.dextorslab.de/

(1) There should be a drop-down menu for two of the main menu items, which do not seem to appear.

(2) The menu itself should have some opacity. The setting I chose ist:

Code:

div#menu2 {
        height: 42px;
        width: 100%;
        margin-top: -42px;
        background-color: #361501;
        z-index: 5;
        position: relative;
        border: none;
        background: rgba(54, 21, 1, 0.55); /* R, G, B, A */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, 
        endColorstr=#7f404040); /* AA, RR, GG, BB */
}

The filter-setting has been suggested somewhere, to establish the opacity on the main menu level, but not on any of the childs. Maybe there is something wrong with that, causing both (1) and (2)?

Any advice is highly appreciated.

Best wishes

dextor

juggledad Jan 23, 2011 03:54 AM

If you take it out do the menus show up?

dextor Jan 24, 2011 01:04 AM

Hi Juggledad,

I really don't know why I did not get that far to actually test it myself...

Anyway: yes, if I take out the filter it shows up correctly (at least confirmed for the
32bit version of IE8).

I could use the 'traditional' way of adding opacity to the menu, but that would be inherited
for the sub-menu items. And I don't want that to happen...

Any ideas for a workaround?

Best wishes

dextor

juggledad Jan 24, 2011 04:12 AM

Unset it for the sub menu items

dextor Jan 24, 2011 05:15 AM

I tried to unset the filter on the sub menu.

Currently I test with only filter: alpha(opacity=60);)

div#menu2 {
margin-top: -42px;
z-index: 5;
position: relative;
background-color: #361501;
background: rgba(54, 21, 1, 0.6); /* R, G, B, A */
filter: alpha(opacity=60);
}

div#menu2 ul.sub-menu {
filter: none;
}

This has no effect in IE. The drop down is not showing up.
In firefox it works as desired, because of the rgba-color definition.

Any more ideas?

dextor

juggledad Jan 24, 2011 06:10 AM

don't use IE :o

I'd swap to twenty-ten and make the same changes in it's menu structure to see if it is a theme or general issue with IE.

dextor Jan 25, 2011 01:30 AM

Hi Juggledad,

currently I am low on time for experiments, so I will have to switch back to
a solution without any opacity in the menu.

Although it might be an interesting question for the community, I am sorry
that I cannot contribute any solution.

Keep up the great work!!!

Best wishes

dextor


All times are GMT -6. The time now is 01:42 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.