MikeWolf Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 Подскажите пожалуйста как можно сделать верхнюю часть сайта прозрачной что бы было видно фон сайта? Мне нужно просто убрать цвет менюшек что бы они стали прозрачными. Когда ставлю на бэкграунд фон, хеадер перекрывает его и фон видно не полностью. Все делается на дефолтной теме. Сторонние стили не хочу качать где есть такая тема. Подскажите что нужно писать в custom.css что бы сделать прозрачность. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 MikeWolf MikeWolf 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
MikeWolf Опубликовано 7 февраля, 2022 Автор Поделиться Опубликовано 7 февраля, 2022 (изменено) 18 минут назад, by_ix сказал: MikeWolf прописал этот стиль и ничего не изменилось Спойлер Изменено 7 февраля, 2022 пользователем MikeWolf Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 MikeWolf надо не только прописать нижнее, но и закомментировать верхнее. MikeWolf 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
MikeWolf Опубликовано 7 февраля, 2022 Автор Поделиться Опубликовано 7 февраля, 2022 Стало так теперь Спойлер Код в custom.css Спойлер #video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; background: url() no-repeat #000000; background-size: cover; } #video-bg > video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; } Код на странице Спойлер <div id="video-bg"> <video width="100%" height="auto" preload="auto" poster="" autoplay loop muted> <source src="https://files.mwoff.com/videobglol/4.webm"> Тег video не поддерживается вашим браузером. </video> </div> В чем может быть проблема? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 8 минут назад, MikeWolf сказал: так а где это? к тому же, нужно не просто #ipsLayout_header, а #ipsLayout_header header. MikeWolf 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
MikeWolf Опубликовано 7 февраля, 2022 Автор Поделиться Опубликовано 7 февраля, 2022 1 минуту назад, by_ix сказал: так а где это? Все в кастоме прописано, просто не скопировал его Спойлер #video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; background: url() no-repeat #000000; background-size: cover; } #video-bg > video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; } #ipsLayout_header { background-color: rgba(0, 0, 0, 0); } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 MikeWolf ответ выше. MikeWolf 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
MikeWolf Опубликовано 7 февраля, 2022 Автор Поделиться Опубликовано 7 февраля, 2022 2 минуты назад, by_ix сказал: MikeWolf ответ выше. Благодарю, сработало! Теперь дополнительный вопрос. Как сделать прозрачным подменю, что бы не показывалась белая полоса? Спойлер by_ix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 7 февраля, 2022 Поделиться Опубликовано 7 февраля, 2022 MikeWolf #ipsLayout_header nav { background: rgba(0, 0, 0, 0); } .ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before { background: rgba(0, 0, 0, 0); } .ipsNavBar_secondary { background: rgba(0, 0, 0, 0); } MikeWolf 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
MikeWolf Опубликовано 7 февраля, 2022 Автор Поделиться Опубликовано 7 февраля, 2022 2 минуты назад, by_ix сказал: MikeWolf #ipsLayout_header nav { background: rgba(0, 0, 0, 0); } .ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before { background: rgba(0, 0, 0, 0); } .ipsNavBar_secondary { background: rgba(0, 0, 0, 0); } Большое спасибо. Все работает👍 by_ix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.