Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS Background Images In Opera



12:48 pm on Oct 1, 2002 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Hi I've created some mouseover links using CSS, they include a background image that appears perfectly OK in IE(6) & NS(6), but are Not appearing in Opera.

Does anyone know if this in an opera bug or is it the z-index that is a problem as the links also have a background-color



1:08 pm on Oct 1, 2002 (gmt 0)

10+ Year Member

...and there was me about to post exactly the same question!...

Any help with this from anyone would also be much appreciated by me, as I'm currently stuck with a very ugly hack which (just about) works around the problem for this particular site.


9:17 am on Oct 2, 2002 (gmt 0)

10+ Year Member

Why don't you tell how exactly did you do this?


9:52 am on Oct 2, 2002 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

staryway are you asking me for my code?

ritchb, I found a site somehwhere last night, (looked at so many I've forgotten where), but it says that Opera doesn't support background images for the pseudo classes, which a:hover is :(

however I would be interested to see your workaround and will post any more info if I find it...

It's not a big deal that it doesn't appear in Opera, it doesn't affect anything, it's just a vanity thing!



9:58 am on Oct 3, 2002 (gmt 0)

10+ Year Member

The problem we were having is strange to explain and limited to Opera users on Linux - apologies if this doesn't make much sense...

For this particular site, our graphics guys have used subtle gradients which move into a static colour, which in turn blends with their chosen background. Our marketing guys - in their infinite wisdom - decided that they wanted to use four individual frames in the site, meaning we had to splice the gradiated images in different places for each frame.

Rather than use unnecessary slices and bloating the code, we used the correct hex code in some parts of the page. On all our Linux test boxes, this colour didn't render properly, so we tried tiling a 2x2 pixel image for the background instead, which resolved the problem on everything but Opera.

The workaround?...just to create multiple stylesheets for each frame, using a different background colour and tiled background image in each. Opera users see a background which doesn't quite match the sliced images, but everyone else is okay.

Not sure that makes a whole lot of sense and makes things a whole lot more complicated that should be the case. It's being rebuilt from scratch as of Monday, so a different approach might be a good idea...


Featured Threads

Hot Threads This Week

Hot Threads This Month