homepage Welcome to WebmasterWorld Guest from 54.166.111.111
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
CSS Background Images In Opera
SuzyUK




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

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

TIA
Suzy
:)

 

ritch_b




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

...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.

starway




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

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

SuzyUK




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

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!

Suzy

ritch_b




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

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...

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved