Welcome to WebmasterWorld Guest from 54.205.251.179

Forum Moderators: not2easy

Message Too Old, No Replies

no-repeat problem

background-repeat makes image disappear

   
2:45 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



I have a background image running fine. As soon as I add background-repeat: no-repeat the image disappears. I have checked the spelling and everything 10 times and it keeps happening. Anyone ever seen this problem? Thanks.
2:57 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



What do you use browser? IE? Netscape? and any versions?

Which element did you apply background-repeat property?

3:35 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



It's not a browser issue, because it is doing the same thing in everything from IE 6 to Netscape 4.

Here is how I am using it:
<style type="text/css">
body { background-image:url(path); background-repeat: no-repeat; }
</style>

The odd thing is that repeat-y works, but no-repeat, and repeat-x do not work.

9:18 pm on Mar 24, 2003 (gmt 0)

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



Have you tried using the background shorthand?

background: url(path/img.gif) no-repeat;

9:21 pm on Mar 24, 2003 (gmt 0)

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



And, strip down your page to nothing but the body and a couple of paragraphs. Then strip out all css but the bg image.

I've never heard of anything like this across all browsers. There must be somthing elusive in the code that's causing it...

Nick