simple background css issue

Question

I'm trying to tessellate a .png file I made, in the body of a HTML document.

For the life of my I can't find out why it's not doing it. I've got the image stored locally but for the sake of making a code pen I've uploaded it to imgur.

http://codepen.io/MartinBort/pen/CbwgJ Relevant code starts at line 5 of the CSS

https://i.sstatic.net/0h31R.png <-- that's the image

body {
background-image: url("https://i.sstatic.net/0h31R.png") repeat;
}

Any ideas?

Thanks

your issue was the repeat background-image can only contain url you need to use background: if you want to add repeat or anything else in one property — Vitorino fernandes
– Vitorino fernandes, Commented Oct 19, 2014 at 12:54

Harutyun Abgaryan · Accepted Answer · 2014-10-19 12:53:01Z

3

Use this

body {
background: url("http://i.imgur.com/Jy6hCro.png") repeat;
}

or this remove repeat in background-image and add other style background-repeat:repeat; but background-image defaoult repeated

body {
    background-image: url('http://i.imgur.com/Jy6hCro.png');
     background-repeat:repeat;
}

answered Oct 19, 2014 at 12:53

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shibi Over a year ago

Your second example won't remove the repeat. repeat is default to remove repeat you have to write no-repeat.

Manjunath Siddappa · Accepted Answer · 2014-10-19 12:56:13Z

1

body {
    background-image: url("http://i.imgur.com/Jy6hCro.png");
background-repeat:repeat;
}

codepen

http://codepen.io/anon/pen/hdBqk

answered Oct 19, 2014 at 12:56

Manjunath Siddappa

2,1652 gold badges23 silver badges42 bronze badges

Comments

rdsarna · Accepted Answer · 2014-10-19 12:59:14Z

1

As the other answers suggest, the problem is the repeat word in the backgroung-image property. You cannot give the repeat property in the image property. If you want to combine them use the background property such as:

body {
    background: url("http://i.imgur.com/Jy6hCro.png") repeat;
}

Or, specify it seperately, such as:

body {
    background-image: url("http://i.imgur.com/Jy6hCro.png");
    background-repeat:repeat;
}

Hope this helps!

answered Oct 19, 2014 at 12:59

rdsarna

2582 silver badges9 bronze badges

Collectives™ on Stack Overflow

simple background css issue

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related