Welcome to WebmasterWorld Guest from 54.198.147.79

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)

Full Member

10+ Year Member

joined:Apr 4, 2001
posts:224
votes: 0


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)

New User

10+ Year Member

joined:Mar 20, 2003
posts:16
votes: 0


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)

Full Member

10+ Year Member

joined:Apr 4, 2001
posts:224
votes: 0


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)

Senior Member

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

joined:Mar 15, 2002
posts:6807
votes: 0


Have you tried using the background shorthand?

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

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

Senior Member

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

joined:Feb 4, 2002
posts:5044
votes: 0


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

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members