Перовое задание на новой работе (hml+css) :(

[maxim nestoff]

Друзья, нужна ваша помощь. Устроился на работу админом сайта, а мне сразу первое задание на знание css:
Сделать полу-прозрачность меню на главной странице
Описание:
При переходе на главную страницу agtplus.ua верхнее меню сайта должно быть полупрозрачное (позиция 1)
При скроле вниз меню становится непрозрачным (так как сейчас на сайте, позиция 2)

Уже второй день бьюсь, но не знанию как реализовать. Сайт

 

[gres_18]

... второй день бьюсь, но не знанию как реализовать...

Второй день не можешь opacity сменить? Попробуй так:

#gkTop{
    opacity: 0.8;
}

JS на прокрутку не буду тебе вешать, это тебе в другой раздел нужно. Успехов на новой работе)

 

[maxim nestoff]

opacity я знаю как прописать. А как сделать чтоб при входе на главную меню сначала было полупрозрачное, а при прокрутке вниз стало непрозрачным (как сейчас).

Я думал сделать еще одно меню, но в сайте есть моб версия, так что не катит.(

 

[gres_18]

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

В css пиши opacity 0.8, потом вешай Для просмотра ссылки Войди или Зарегистрируйся и с помощью Для просмотра ссылки Войди или Зарегистрируйся меняй opacity на 1.

 

[gres_18]

Локально проверил, работает:
Сначала в css нужно поменять

#gkTop.isIntro {
    top: -200px;
}

на

#gkTop.isIntro {
top: 0;
opacity: 0.8;
}

Потом в gk.scripts.js заменить

if(pos >= 100) {
document.id('gkTop').setStyle('top', '0px');
} else if(pos < 100) {
document.id('gkTop').setStyle('top', '-100px');
}

на

if(pos < 400) {
    document.id('gkTop').setStyle('opacity', '0.8');
} else {
    document.id('gkTop').setStyle('opacity', '1');
}

где 400 - граница где будет сменяться прозрачность, можно поиграть и посмотреть где нужно делать меню непрозрачным.