Forum

Full Version: Top menu in Opera
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
There seems to be a problem with expanded menu item. The background becomes transparent.
I think it's because the bacgorund-image in stylesheet is set to non existing gif. It seems to work in other browsers but somehow Opera treats it different.


Code:
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81 sf-ul sfHover">ev
<a href="#" class="sf-with-ul" style="position: relative;">ev
<ul class="sub-menu" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif"); visibility: visible; display: block;">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-507 sfHover" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif");">
<a href="http://xbian.org/getting-started/" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif"); position: relative;">ev
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-588" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif");">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-506" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif");">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-505" style="background-image: url("http://xbian.org/2012/12/xbian-1-0-alpha-4-out-now/x.gif");">
</ul>
</li>
The problem is inOperaBle Smile Sorry, had to say it. Gawd do I hate that little < 3% PITA in the browser market.
Bu what's the point having a nonexistent image as a background anyway? Can't it just be removed?
It's something that is added by a script for some reason. Looking into it (Yes, we do support the 3% market as I believe the browser used by those 3% is responsible for 70% of the innovations in Firefox and IE Tongue)
Call it a day for now. It has something to do with Javascript cause the images are loaded but replaced with x.gif. As soon as you disable Javascript for the website, all images show up.

If someone is a javascript+Opera debugger, please help Wink
Reference URL's