CSS background image not visible

У меня есть некоторые проблемы с моим свойством css background-image. Я проверил, и изображение находится в правой папке. Когда я помещаю его на другую страницу для тестирования, он работает, и я вижу это. Но когда я помещаю его на страницу, которую хочу, то это не работает, если тестовая страница находится в одной папке. Вот мой код:CSS background image not visible

HTML:

<div id="wrapper"></div>

CSS:

#wrapper{ 
    width: 50px; 
    height: 30px; 
    background: url(img/sprite_menu.png) top left no-repeat; 
} 
#wrapper:hover{ 
    background-position:0 -30px; 
}

Что случилось с моим кодом? почему я не вижу этого?

Редактировать: В браузере указано, что он не может загрузить изображение, когда я использую инструмент проверки элемента.

источник

2015-01-29 Anonymous

его должен быть что-то с структуру папок, потому что здесь нет ничего плохого. Дважды проверьте, где изображение и файл находятся относительно друг друга. такие неприятные неприятности очень распространены. Является ли тестовая страница в той же папке, что и изображение, или на другой странице? –

@abdul да другая страница находится в той же папке. изображение находится в папке img. Что я должен изменить, чтобы он работал? –

Просто для подтверждения работы кода: http://jsfiddle.net/jds9rc86/ –

Возможно, вы можете попробовать добавить/в корень изображения. Запуск поиска из основной корневой папки может помочь вам исправить это.

#wrapper{ 
    width: 50px; 
    height: 30px; 
    background: url(/img/sprite_menu.png) top left no-repeat; 
}

так предполагающее структуру папок выглядит следующим образом:

html/index.html 
html/img/sprite-menu.jpg

источник

2015-01-29 13:39:34 Aaron

пробовал и не работал –

Попробуйте это:

background: url("/img/sprite_menu.png") top left no-repeat;

источник

2015-01-29 13:41:38

не могу поверить, что я этого не заметил. –

он тоже не работает –

Я просто включил test.html, чтобы упростить работу и работать –

представьте структуру папок, как это:

| MySite | - | активы | - | img | - | sprite_menu.png |
-------------------------- | css | - | style.css |

, то вы должны сказать свой адрес, что он должен вернуться к активам, а затем переходит в IMG/sprite_menu.png

Так что ваш код должен быть:

background: url(../img/sprite_menu.png) top left no-repeat;

источник

2015-01-29 13:44:02 moesphemie

Но страница с кодом html находится в папке с ресурсами. Поэтому он должен перейти в img и получить изображение, не возвращаясь снова. okay –

Странно .. Я построил тестовый сайт, и это сработало для меня. Может быть, вы настраиваете скрипку? – moesphemie

CSS background image not visible

ответ

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