A CSS Property that defines whether or not background property of an element should "tile" to fill the entire element if the background is smaller than the element. This can be broken up into background-repeat-x for horizontal repeating and background-repeat-y for vertical repeating. The background repeat properly is typically used with an image for the background property.
Questions tagged [background-repeat]
71 questions
0
votes
1 answer
Background-repeat not working in internet explorer
I have found tons of topics about this, but nothing seems to work out.
My website consists of a main div, with all the content that takes 80% of the screens width. A div with a background is sticked to each side of the div, with a absolute position,…
Condor
- 199
- 2
- 22
0
votes
1 answer
background disappearing after adding background-image:no-repeat;
I am trying to set a background image for my wordpress website.
.content:before {
content: "";
background-image: url("gfx/SevenWonders.jpg");
/*background: #fff;*/
background-size:600px 700px;
background-repeat: no-repeat;
position:…
ProgramLover
- 91
- 2
- 9
0
votes
0 answers
Google Chrome showing white 'borders' around images with 'background-repeat: repeat'
Google Chrome is suddenly showing a fine white border (not an actual border) around my images which have a background-repeat property. Must be because of a Chrome update, but I can't seem to get rid of it.
I'm running version 55.0.2883.95 on a…
Wietse de Vries
- 673
- 7
- 17
0
votes
1 answer
Gradient border doesn't fill header and footer section
I am having problems inserting a background image and making my header and footer sections have a gradient background. My background image has to repeat. Does the .gif picture have to be in the same folder as the css? This is the css for it.
body {
…
zwggins10
- 1
- 1
0
votes
1 answer
CSS - IE9 issue background image with linear gradient (svg generated) does not repeat correctly
I tried to look for an answer on the web for this particular problem, but honestly don't really know what is going on here.
I have created a fiddle here that shows the situation if you want to play around.
Here is the code that works in Chrome,…
user4209634
0
votes
3 answers
Background repeat doesn't seem to work in IE6
I ve applied a background to my page like this,
body
{
background:#FFFFFF url('images/color.png') repeat top…
ACP
- 34,682
- 100
- 231
- 371
0
votes
0 answers
SVG image background repeat x
I'm using an SVG image (pattern) as a background to get this effect:
I use background-repeat: repeat-x; to make it responsive.
Example image
In some browsers, there's a little gap between the repeated SVG images.
Is there a way to do this in CSS…
JVR
- 11
- 1
0
votes
1 answer
How exactly background-size and background-repeat works?
Here's an example.
I'd like to crop background image, and then to use cropped image as background for a bigger (in size) element. I mean the div is bigger than its background, and I don't need repetition. Now when background-repeat is uncommented,…
yevt
- 732
- 1
- 6
- 21
0
votes
0 answers
CSS Background no-repeat Wont Work When Page Reloaded
I'm trying to get my background image to show up only once at the top of the page. When i open live preview (in Brackets) it load correctly, that is, only once. When i reload the page though it repeats as if there was no no-repeat tag used. If I…
rainman0915
- 1
- 1
- 1
0
votes
0 answers
background repeat-x with margin/padding
Codepen
I have two images that shall be one. Concept image:
The height (outer image) will be always 773px. I want to have the image with an width of 100% without stretching the image. So I need/want to use reapeat-x. But since the inner image…
boop
- 7,413
- 13
- 50
- 94
0
votes
3 answers
When I use background repeat-y, the background splits and doesn't cover the whole page
When I implemented the background in CSS, it covered the whole page but the length wasn't big enough to cover the content I wanted to write in it. I researched and found a background repeat-y, which I thought would copy the background again, making…
Benjamin Sunderland
- 63
- 8
0
votes
1 answer
having an image repeat itself based on browser size
So I want grass to fill from left to right right above my footer. I am having a hard time getting it to repeat itself. I set positition to fixed, and also float: left but still no luck. I would just continuously keep putting more images hardcoded in…
user3380292
0
votes
2 answers
css repeat-y not working in IE8
I am using a div tag and I am applying css to it.
Please find below the div tag
My css class is as follows
.testcss
{
background-image: url('images/imag2.gif');
background-repeat: repeat-y;
…
user443305
- 161
- 1
- 2
- 8
0
votes
1 answer
background image and repeating from folder image
I am trying to add a background from an image. The image is in a folder in my project named Images.
This is the code I am using but the screen remains white.
background-image:url("/Images/main-background.png");
background-repeat: repeat-x;
any help…
Mark Fenech
- 1,358
- 6
- 26
- 36
0
votes
1 answer
upload and preview as repeated background image
I am searching for a tool on web but didnt got any success their at all. I want to have something like upload and preview the image as background as repeated one or any other alternative...
I have this sample:
How can I preview and cut the image as…
SaurabhLP
- 3,619
- 9
- 40
- 70