Вопрос по вёрстке - Форум об интернет-маркетинге
Этот сайт существует на доходы от рекламы.
Пожалуйста, выключите AdBlock.
Вернуться   Форум об интернет-маркетинге > >
Ответ
 
Опции темы
Старый 18.05.2018, 11:22   #1
Студент
 
Регистрация: 15.03.2018
Сообщений: 10
Репутация: 10

По умолчанию Вопрос по вёрстке

Добрый день, столкнулась с проблемой в верстке блока.

Код:
<div id="custummade"> Текст</div>
Скрипт, добавляющий значение класса:
Код:
	var offset=$('#custummade').offset();
	$(window).scroll(function(){
		if($(window).scrollTop()>offset.top){
			$('#custummade').addClass('fixedDiv');
		} else {
			$('#custummade').removeClass();
					}
                       });
	});
Блок должен прикрепляться при прокрутке к верху и менять цвет текста и бэкграунда.
Всё ок, но цвета не изменяются...

Код:
#custummade {
    height: 35px;
    background: #301a0c;
    color: #fbf3e1;
    width: 100%;
}
.fixedDiv {
    position: fixed;
    top: 70px;
    background: #fbf3e1; (игнорирует)
    color: #301a0c; (игнорирует)
    z-index: 9999;
    text-align: center;
}
Подскажите: в чём ошибка?
По идее класс должен перекрывать значения ид?
Abernutio вне форума   Ответить с цитированием

Реклама
Старый 18.05.2018, 11:29   #2
voltest
Кандидат наук
 
Регистрация: 01.12.2010
Сообщений: 470
Репутация: 27932

По умолчанию Re: Вопрос по вёрстке

Цитата:
Сообщение от Abernutio Посмотреть сообщение
По идее класс должен перекрывать значения ид?
Это с каких пор?
гуглите приоритетность селекторов CSS
voltest вне форума   Ответить с цитированием
Старый 18.05.2018, 11:34   #3
ivan34502
Аспирант
 
Регистрация: 20.07.2012
Сообщений: 197
Репутация: 38522

По умолчанию Re: Вопрос по вёрстке

Цитата:
Сообщение от Abernutio Посмотреть сообщение
Добрый день, столкнулась с проблемой в верстке блока.

Код:
<div id="custummade"> Текст</div>
Скрипт, добавляющий значение класса:
Код:
	var offset=$('#custummade').offset();
	$(window).scroll(function(){
		if($(window).scrollTop()>offset.top){
			$('#custummade').addClass('fixedDiv');
		} else {
			$('#custummade').removeClass();
					}
                       });
	});
Блок должен прикрепляться при прокрутке к верху и менять цвет текста и бэкграунда.
Всё ок, но цвета не изменяются...

Код:
#custummade {
    height: 35px;
    background: #301a0c;
    color: #fbf3e1;
    width: 100%;
}
.fixedDiv {
    position: fixed;
    top: 70px;
    background: #fbf3e1; (игнорирует)
    color: #301a0c; (игнорирует)
    z-index: 9999;
    text-align: center;
}
Подскажите: в чём ошибка?
По идее класс должен перекрывать значения ид?
Так попробуйте
background: #fbf3e1 !important;
color: #301a0c !important;
ivan34502 на форуме   Ответить с цитированием
Старый 18.05.2018, 12:03   #4
Abernutio
Студент
 
Регистрация: 15.03.2018
Сообщений: 10
Репутация: 10

ТопикСтартер Re: Вопрос по вёрстке

Спасибо, про important я и забыла
Abernutio вне форума   Ответить с цитированием
Старый 18.05.2018, 17:12   #5
yet_warm
Профессор
 
Аватар для yet_warm
 
Регистрация: 26.05.2007
Адрес: Kiev
Сообщений: 969
Репутация: 491940
Отправить сообщение для yet_warm с помощью ICQ

По умолчанию Re: Вопрос по вёрстке

Цитата:
Сообщение от Abernutio Посмотреть сообщение
Спасибо, про important я и забыла
Важно! (хозяйке на заметку): чем реже вспоминаем за important сегодня - тем меньше имеем геморроя завтра...
__________________
Продвижение в США и странах Европы.
yet_warm вне форума   Ответить с цитированием
Сказали спасибо 2 пользователей:
Старый 18.05.2018, 20:45   #6
dma84
Академик
 
Аватар для dma84
 
Регистрация: 21.04.2009
Адрес: Фишбург
Сообщений: 1,242
Репутация: 188778

По умолчанию Re: Вопрос по вёрстке

Пипец, приплыли.

Так-то что, религия не позволяет сделать?

#custummade.fixedDiv {...}
dma84 на форуме   Ответить с цитированием
Ответ




Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 16:56. Часовой пояс GMT +3.

Регистрация Справка Календарь Поддержка Все разделы прочитаны