2013-11-14 2 views
-1

У меня есть изображение, которое я хочу установить и повторить на фоне моей веб-страницы, независимо от того, как сильно я пытаюсь .. это просто не сработает! У меня есть изображение в папке с изображениями, а файл - background.pngМое изображение устанавливается как фон через CSS

body { 
    background-image: url('images/background.png'); 
    color: #000305;  
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
} 

У кого-нибудь есть идеи?

+0

Отображается ли фоновое изображение? –

+0

Как это работает? Разве это не отображается или не повторяется? – ZhaoYiLi

+0

Вы проверили журналы ошибок для своего веб-сервера? Возможно, что разрешения не установлены правильно на 'images/background.png'. – dg99

ответ

0

Если вы хотите повторить фоновое изображение, сделайте следующее:

body { 
    background: url('images/background.png') repeat; // just add this line 
    color: #000305;  
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
} 

Если изображение не отображается с кодом вы были изначально, он должен быть вопросом пути. Попробуйте это как ваш путь url(../images/background.png)

+0

Большое спасибо! Это был путь, который мне нужно было изменить. –

+0

Есть ли ../ вернуть его в главную папку или что-то в этом роде? –

+0

Возможно, это была проблема. :) Добро пожаловать в SO и, пожалуйста, примите ответ, если это сработает для вас. Обратите внимание, что «повтор», который я добавил выше ... это повторит изображение, как вы звучали так, как хотите. Вы также можете изменить повтор на 'repeat-x', чтобы только повторять изображение по горизонтали или' repeat-y', чтобы повторить изображение по вертикали. –

-1

Я размещаю изображение внутри. Я помещаю div в свой HTML, а затем добавляю стиль для этого id. Стиль это будет выглядеть примерно так:

#container { 
font-family: "Times New Roman", Times, serif; 
color: #000000; 
background-image: url(image.jpg); 
background-repeat: repeat-x; 
} 

Я держаться подальше от добавления чего-либо в тег и, кажется, работает хорошо для меня.

+0

Не очень хорошая идея сохранить ваши изображения в той же папке, что и ваш CSS ... будет беспорядочно быстро. Я бы не пошел по этому пути. Плохая практика. –

+0

И какой тег вы тоже имеете в виду? ? –

Смежные вопросы