Каковы возможные причины того, что фоновое изображение не будет отображаться в div

-1

Я знаю, что этот вопрос задан несколько раз, но я не могу найти решение моей проблемы. Я возился с кодом, даже входя в JQuery, чтобы изменить фон этого div, но это не сработает. У меня есть класс с именем «lineuphead» и следующая .cssКаковы возможные причины того, что фоновое изображение не будет отображаться в div

.lineuphead{    
    background:#36C; 
    width: 600px; 
    height: 100px; 

}

У меня нет Jquery или JS редактирования класса. Текст в .lineuphead отображается отлично, без каких-либо проблем. Изменение положения, отображения, z-индекса и т. Д. Не устраняет проблему. Изменение фонового изображения или цвета не устраняет проблему. Вы найдете следующий код на сайте www.progressfestival.com и код для линейного списка чуть выше линейки для групп. Я не могу понять, что еще может быть причиной этой неисправности .css.

источник

2015-01-07 user2954658

Пожалуйста, внесите ваш код здесь. – Robbert

Это только другая часть кода – user2954658

К сожалению, вы не указали ни одного кода, который показывает фоновое изображение, без CSS, без javascript, ничего. Если вам нужна наша помощь, вам необходимо включить соответствующие части вашего кода. Не связывайтесь с сайтом и не пытайтесь найти проблему. – Robbert

Элемент пуст? Имеет ли он textNode? Только height не сделает видимым элемент по умолчанию, минимально добавьте текстовый символ (например, пробел) или убедитесь, что элемент имеет дочерние элементы с контентом.

Кроме того, каркасы отлично подходят для ускорения работы, но приводят к менее грамотным навыкам разработки, обучению тому, как закодировать реальный код, заставив вас стать лучшим разработчиком, и это повысит спрос на ваши навыки, если будет использоваться правильно.

источник

2015-01-07 22:44:44 John

Я тоже это сделал, я добавил тонну
, чтобы быть уверенным – user2954658

ваш класс .lineuphead{} включает в себя цвет фона. вы можете сделать так.

.lineuphead{ 
background:url("") #36C; 
width:"600px"; 
height:"100px"; 
}

Обратите внимание, что если ваш 'div' пуст, то вы должны добавить какой-то элемент или текст сделать его видимым.

<div class="lineuphead"> some content here </div>

источник

2015-01-07 22:48:55

Использование свойства «background-image» также будет хорошим вариантом. Проверьте приведенную ниже ссылку для справки: http://www.w3schools.com/cssref/pr_background-image.asp

источник

2015-01-07 22:52:02

Пробовал, не помог – user2954658

Я закончил использовать фоновое изображение, но в первые 5-10 раз я перезагрузил кеш, он ничего не менял. Честно говоря, я понятия не имею, почему это не сработало, но теперь это происходит ... – user2954658

У вас есть синтаксический анализ с файлом layout.css.

В самом начале файла CSS вы имеете ошибочный блок комментария:

* Skeleton V1.2 
    * Copyright 2011, Dave Gamache 
    * www.getskeleton.com 
    * Free to use under the MIT license. 
    * http://www.opensource.org/licenses/mit-license.php 
    * 6/20/2012 
*/

Вы упускаете /* с начала блока комментария так следует читать:

/* 
    * Skeleton V1.2 
    * Copyright 2011, Dave Gamache 
    * www.getskeleton.com 
    * Free to use under the MIT license. 
    * http://www.opensource.org/licenses/mit-license.php 
    * 6/20/2012 
*/

Проверьте, не решена ли эта проблема.

источник

2015-01-07 22:52:28 Cue

Не решила проблема, но спасибо – user2954658

На самом деле существует так много ошибок синтаксического анализа, когда блоки комментариев не были открыты/закрыты правильно , Тот факт, что правило класса '.lineuphead' не отображается в инспекторе стиля, означает, что это правило полностью избыточно. Я бы предложил вам создать резервную копию вашего файла CSS, сделать дубликат и удалить все блоки комментариев. – Cue

Вы были правы. Что-то не так с моей .CSS. Я переместил его в начало документа, и он работает. Спасибо, сэр!!! – user2954658

Первоначально, я думал, что это проблема с .CSS. Я изменил один открытый комментарий, который, похоже, не был привязан к рассматриваемой CSS. Я переместил .CSS в начало документа, не изменяя никого, и он отображался правильно. Затем я добавил «no-repeat»; и он вообще не отображался. Это, я считаю, абсолютно не повлияло бы на твердый цвет фона, который я начал с примера.

Я честно понятия не имею, почему он начал работать, но я заверяю вас, что я абсолютно ничего не изменил о ширине, размере div, JQuery/JS или .CSS. Он буквально волшебным образом начал работать. Я решил выбросить no-repeat и просто изменить ширину/высоту элемента div, чтобы он соответствовал ему. Кажется, это работает без всякой причины.

источник

2015-01-07 23:28:46 user2954658

Каковы возможные причины того, что фоновое изображение не будет отображаться в div

ответ

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