Вопросы по фону flexbox

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 2
Аватара пользователя

Автор Темы
TommyVer21
Читатель
Читатель
Сообщения: 14
Зарегистрирован: 13 фев 2017, 20:56
Версия Web Builder: 11.1

Вопросы по фону flexbox

Сообщение TommyVer21 » 13 июн 2017, 02:27

Всем привет! Подскажите пожалуйста, можно ли флексбоксу фоном сделать слайдшоу ?
И почему у флексбокса нет фонового режима "изображение+overlay", вдруг кто знает?
Заранее спасибо)

Реклама
Аватара пользователя

Gudwinn
Специалист
Специалист
Сообщения: 1131
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Вопросы по фону flexbox

Сообщение Gudwinn » 13 июн 2017, 17:54

Привет, что бы у флексбокса появился overlay нужно сделать так, сначсала выбрать фоновый цвет, потом выбрать фоновое изображение с нужными настройками, потом в особый стиль флексбокса втавить это: background-blend-mode: overlay;
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
TommyVer21
Читатель
Читатель
Сообщения: 14
Зарегистрирован: 13 фев 2017, 20:56
Версия Web Builder: 11.1

Вопросы по фону flexbox

Сообщение TommyVer21 » 14 июн 2017, 09:06

Большое спасибо! В настройках еще нужно выбрать background-image+color, чтобы все получилось.

Если кто-то подскажет на счет фонового слайд-шоу, то буду очень благодарен)

Аватара пользователя

Gudwinn
Специалист
Специалист
Сообщения: 1131
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Вопросы по фону flexbox

Сообщение Gudwinn » 14 июн 2017, 17:19

Не совсем понятно, что Вы подразумеваете под фоновым слай-дшоу? Если я правильно понял, обычно это достигается верхним отрицательным маржином и z-index. В общепринятом смысле, фоновыми могут быть только изображения, которые чередует определённый скрипт допустим.

"В настройках еще нужно выбрать background-image+color" - это само собой разумеющееся, я же вроде об этом написал.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
TommyVer21
Читатель
Читатель
Сообщения: 14
Зарегистрирован: 13 фев 2017, 20:56
Версия Web Builder: 11.1

Вопросы по фону flexbox

Сообщение TommyVer21 » 14 июн 2017, 18:25

По слайд-шоу именно это и подразумеваю

А по бекграунду я изначально не смекнул, но быстро догадался, когда не получилось)

Аватара пользователя

Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Вопросы по фону flexbox

Сообщение Barsenal93 » 08 авг 2017, 06:08

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

Аватара пользователя

Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Вопросы по фону flexbox

Сообщение Barsenal93 » 08 авг 2017, 10:08

Покрутив настройки Flexbox понял, что IE не хочет работать именно в полноэкранном режиме. Но как заставить его это делать еще не разобрался
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Аватара пользователя

Gudwinn
Специалист
Специалист
Сообщения: 1131
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Вопросы по фону flexbox

Сообщение Gudwinn » 08 авг 2017, 14:21

для того что бы IE корректно подхватывал флексбоксы надо полифиллы прописывать, вот прочтите http://www.cat-in-web.ru/fleksboks-poli ... -explorer/ Но это конечно не выход, так как флексбоксы становятся "костяными", и про динамику можно забыть, поэтому стоит знать приёмы работы со стандартной блочной моделью, в которой чуть больше писанины, но зато железно всё кроссбраузерно, или ещё проще, забить на ИЕ, и жить спокойной жизнью)) С ИЕ заморачиваются мега корпорации, для которых даже 1-2% потенциальных пользователей - это на выходе десятки тысяч долларов прибыли, если у Вас благодаря заморачам с ИЕ месячный доход увеличится на 100-200 руб, ну фиг его знает, стоило ли оно того?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Вопросы по фону flexbox

Сообщение Barsenal93 » 04 сен 2017, 11:49

Есть способ обмануть систему, но это я реализовал только в том случает, если нужно 3 элемента FlexBox на странице. Один выступает в роли фона (фоновой картинкой), второй как текст, который расположен по центру этого фона и третий - нижняя часть, расположенная на фоне. В итоге второй и третий элементы находятся на первом + не забывает написать небольшой HTML код. В общем, прикрепляю в файле, может кому пригодится. В таком варианте во всех браузерах будет работать корректно
У вас нет необходимых прав для просмотра вложений в этом сообщении.


Ответить Вложения 2

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость