Фоновое изображение присутствует, но не отображается

-1

На следующем сайте http://haircolourideas.eu/#section2 У меня есть ul в разделе услуг, а у li есть фоновые изображения. У ли есть классы service1, service2 и т. Д. Фоновые изображения внезапно становятся невидимыми. Если я проверяю элемент, css верен, и он показывает, что изображения присутствуют. Сайт был жить несколько месяцев, и без меня что-то менять это только что произошло сегодняФоновое изображение присутствует, но не отображается

<ul id="services-list" class="hidden"> 
    <li class="service1 service-img"><label class="btn" for="modal-1"><h3>meche</h3></label></li> 
    <li class="service2 service-img"><label class="btn" for="modal-2"><h3>tinting</h3></label></li> 
    <li class="service3 service-img"><label class="btn" for="modal-3"><h3>fashion</h3></label></li> 
    <li class="service4 service-img"><label class="btn" for="modal-4"><h3>change</h3></label></li> 
</ul> 

.service1 { 
    background: url(../img/meche1.png); 
    cursor: pointer; 
} 

.service2 { 
    background: url(../img/tint1.png); 
    cursor: pointer; 
} 

.service3 { 
    background: url(../img/fashion1.png); 
    cursor: pointer; 
} 

.service4 { 
    background: url(../img/change1.png); 
    cursor: pointer; 
}

источник

2016-04-07 dmc

Я не уверен, но, похоже, у вас есть класс =« скрытый »? –

Проблема заключается в том, что анимация не работает, потому что в ul у вас есть class="hidden", который составляет opacity: 0, который скрывает все ul раздел. class="hidden" применяется, потому что вам не хватает этого скрипта на вашем сервере jquery.viewportchecker.js. Если вы откроете консоль с элементом проверки, вы увидите ошибку. Сценарий заставляет класс скрывать применение или нет на основе вашего раздела. В некотором роде сценарий был удален с вашего сервера, как вы можете видеть по ссылке: http://haircolourideas.eu/js/jquery.viewportchecker.js, поэтому вам пришлось вернуть его и с этой ошибкой jquery: «Uncaught TypeError: jQuery (...). AddClass (.. .). viewportChecker не является функцией « в вас консоль исчезнет, и сайт будет работать по-прежнему

источник

2016-04-07 14:00:17

Я немного новичок в этом, так что просто интересно, как файл jquery просто удаляется с сервера? – dmc

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

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

Удалить класс скрыты от thoes узлов:

<div id="services-info" class="hidden"> 
<ul id="services-list" class="hidden">

источник

2016-04-07 13:45:56 Robert

<ul id="services-list" class="hidden"> 
<li class="service1 service-img"><label class="btn" for="modal-1"><h3>meche</h3></label></li> 
<li class="service2 service-img"><label class="btn" for="modal-2"><h3>tinting</h3></label></li> 
<li class="service3 service-img"><label class="btn" for="modal-3"><h3>fashion</h3></label></li> 
<li class="service4 service-img"><label class="btn" for="modal-4"><h3>change</h3></label></li>

Удалить class="hidden" от вашего ul

источник

2016-04-07 13:46:10

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

.hidden { 
    /* opacity: 0; */ 
}

If don't need then remove opacity:0 property, otherwise set opacity: 1;

В противном случае Вы можете удалить скрытый класс от ул

источник

2016-04-07 13:49:35

Просто удалите класс скрытые средства

<ul id="services-list" class="hidden"> not visible 
<ul id="services-list" class=""> visible

источник

2016-04-07 13:51:56

Фоновое изображение присутствует, но не отображается

ответ

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