Css фоновое изображение не отображается

Я работаю над веб-страницей для цитирования MLA. В верхнем правом углу мне нужна небольшая коробка с устройством для настройки параметров.Css фоновое изображение не отображается

Вот CSS:

#setings{ 
    display:block; 
    height:50px; 
    width:50px; 
    background:#E1E1E1 url('gear.png') no-repeat fixed center; 
    background-size:45px 45px; 
    border: 2px solid #AEAEAE; 
    border-radius:5px; 
    position:absolute; 
    top: 5px; 
    right: 20px; 
}

И вот (очень простой) HTML:

<div id="setings"></div>

коробка появляется в верхнем правом углу, как я хочу его, но механизм image не отображается. Я уже искал stackoverflow и другие сайты для ответа, но пока ничего не нашел.

Кто-нибудь знает, что не так со мной кодом?

Большое вам спасибо!

источник

2013-10-15 Anonymous

Вы уверены, что ваш путь к изображению действительно? проверьте, есть ли какая-либо ошибка на консоле – Dvir

@Dvir Я уверен, я выбрал правильный путь, и изображение появляется под изображениями, когда я смотрю на источник страницы. Изображение это 600x600, если это вообще помогает, хотя я использовал «background-size: 45px 45px;», чтобы исправить это. –

1. Вы можете вызвать изображение в браузере, используя полный URL. 2. Работает ли она с более простым объявлением CSS («background-image: url (FULL_URL)») 3. Является ли ваше изображение в некоторых частях, что затрудняет просмотр правильной области, даже если изображение загружен –

Отметьте «фиксированную» строку «фон:».

источник

2013-10-15 22:34:50

ДА! Спасибо, это сработало. –

Css фоновое изображение не отображается

ответ

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