2014-10-19 3 views
0

Я пытаюсь tessellate .png-файл, который я создал, в теле документа HTML.простой фон css issue

Для жизни моего я не могу понять, почему это не так. У меня есть изображение, хранящееся локально, но ради создания кодовой ручки я загрузил ее в imgur.

http://codepen.io/MartinBort/pen/CbwgJ Соответствующий код начинается в строке 5 CSS

http://i.imgur.com/Jy6hCro.png < - это образ

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

Любые идеи?

Благодаря

+1

Ваша проблема была в «повторном» фоновом изображении, может содержать только «url», вам нужно использовать 'background:', если вы хотите добавить 'repeat' или что-нибудь еще в одном свойстве –

ответ

3

Используйте этот

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

или это удалить повторения в background-image и добавить другой стиль background-repeat:repeat; но background-image defaoult повторил

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

СПАСИБО. теперь отлично работает – bjurtown

+0

Ваш второй пример не удалит повторение. repeat по умолчанию, чтобы удалить повтор, вам нужно написать 'no-repeat'. – Shibi

1

Как и другие ответы предполагают, что проблема заключается в repeat слово в backgroung-image собственности. Вы не можете присвоить свойство repeat в свойстве изображения. Если вы хотите, чтобы объединить их использовать background свойства, такие как:

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

Или укажите его отдельно, например:

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

Надеется, что это помогает!