I noticed FF3 is pretty good now in transparency, it might have been that fonts have alpha transparency applied on them too? that causes them to anti-alias. Does not notice that on the mac though.

I have problems with firefox3 too. I have revert back to firefox2 for now, maybe until end of the year when things is settled, I will then install FF3 again. One thing I found is that, when using FF3, in hotmail, you can’t change the views of your email account.

Thanks for catching this, it solved a baffling problem we were having. In our case, it seemed as if the background image was getting automatically resized to fit into the div (which was a little smaller than the image was, so blurring occurred). You might be able to test this by shifting the size of the element with the background image, and watching to see if it changes.

Either way, removing the no-repeat worked like a charm. Thanks!

Hi friends

here is another issue regarding firefox 3 rendering background images when it is applied to with position bottom.

look at my code:

BODY{margin:0px; padding:0px; font:14px Arial, elvetica, sans-serif; color:#949494; background:#f36dea url(../images/body_bg.gif) repeat-x left bottom;
}

FF2 renders it correctly. but in FF3 it doesn’t. It displays no bg image, only color, as if it doesn’t know where to end the body. Try it by adding a height to body.

but the most wondering(or distressing) fact is that, when I added a div with the following style,

DIV.test{
background:#ff0000 url(../images/body_bg.gif) repeat-x left bottom; width:200px; height:350px;
}

the rendering was so strange…check it yourself..

my code looks like this..

……….

sdef

…………

Thanks! really helped me with your post

It seems that even without the no-repeat it blurs images. I actually will start using safari and IE from now on until it gets fixed.

Maybe the FF2 rollback is an option too……

I have now removed Firefox 3 from my home computer and downgraded to Firefox 2 for a bunch of reasons, #1 of which is the way it respects the OS security setting. In fairness, this is probably the “right way” to do things, but it is something I do not appreciate, because Windows’ Internet Options was built for IE and it is something that I wanted to do away with that is why I use Firefox.

I still use Firefox 3 on my work computer though.

I have the same problem with a backgrounds, especially on myspace and mine wont even display at all and I have tried all kinds of tricks. im still looking.

Still, the same background image rendering problem persists! You look at the image through “view background image” and it renders correctly. In fact, any of my images are rendered very fuzzy, whether background or not. Terrible! If I could scroll-up on Google Chrome with my lap-top, that would be my browser of choice.

Has anyone noticed rendering issues with the th tag. I have a simple table with a few th’s running along the top of the table with corresponding rows of td’s below. The default rendering of the th’s should be bolded text centered over corresponding column. I get this in all browsers, but FF3. FF3 collapses the th’s to the width of the text. How do I fix this?

i tried what the guy below me said. ctrl+0 really does work. cool. . thanks

Thank you very much – I could not find the reason for this strange blurred backgrownd in Firefox.

I don’t think going back to FF2 is a good solution
After fixing, the zoom does not cause a problem for me.

I had a absolute position for the BG image with only width and height and overflow (but not repeat or no-repeat)

position: absolute;
height: 119px;
width: 635px;
background-image: url(/current/css/head2.jpg);
overflow: visible;

Added the no-repeat and is working now!
>> Note that I had to add the full background-repeat: no-repeat;

position: absolute;
height: 119px;
width: 635px;
background-image: url(/current/css/head2.jpg);
overflow: visible;
background-repeat: no-repeat;

ohh thank you soo much.

CTRL + 0 worked 4 me 2 ohh

Hey;

I use Css to create a button rollover effect. Both button states ( normal and hover) are both in one image file. So , on hover the background image just shifts over to reveal the other state. And so that the spiders find the link I indent a text link at -9999px to hide it.

Here check out what I mean:

Css file:

.rollRAQ {
display:block;
width:143px;
height:27px;
background:url(../img/buttonsRAQ.jpg) no-repeat;
text-indent:-9999px;
}

and the hover state:

a.rollRAQ:hover {
background-position:-143px 0;
}

Html link:

Add to Quote List

I tried removing the no-repeat, but no luck.
Still blurs and even stretches.

Hope they fix that bug soon, cuz I’m gunna have to have to change a hell of a lot of button on many sites !

ugh !

Works fine in all other browsers, just not FF3.