Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Страницы: 1, 2

Миша

2.03.2016 - 14:49

Имею два дива, по событию 1 div должен затемнить область окна (opacity:0.5), 2 div центруется с белым фоном.

Однако после opacity всё прозрачное и в этом блоке(во втором). Пробовал z-index, чего то не канает.

Как убрать прозрачность во 2 div ?

_____________
Принимаю заказы, писать в ЛС

Guest

2.03.2016 - 14:54

background-color: rgba(0, 0, 0, 0.5);

вместо opacity.

Миша

2.03.2016 - 15:02

Guest Спасибо + 1 в карму

_____________
Принимаю заказы, писать в ЛС

Миша

2.03.2016 - 15:54

Ещё вопрос в тему, а чтобы было понятней о чём речь, напишу здесь.

Ширину и высоту 1 div получаю js, и если сделать затемнение этого блока всё ок. Но если поиграть масштабом, то вылазит контент без затемнения.

max-width: 100%; тоже не канает

_____________
Принимаю заказы, писать в ЛС

Guest

2.03.2016 - 16:12

position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;

http://fiddle.jshell.net/4pjo4L1d/show/light/

Миша

3.03.2016 - 13:00

Цитата (Guest @ 2.03.2016 - 16:12)

position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;

fixed не подходит, использую absolute

_____________
Принимаю заказы, писать в ЛС

Zzepish

3.03.2016 - 14:15

height: 100%;
width: 100%;

Миша

3.03.2016 - 14:24

Цитата (Zzepish @ 3.03.2016 - 14:15)

height: 100%;
width: 100%;

При увеличении масштаба не сработает. Позже покажу, может по факту подскажите.

_____________
Принимаю заказы, писать в ЛС

Миша

3.03.2016 - 19:57

Поиграйте масштабом и увидите. Сначала нажмите - Фотографии.

auto-hab.ru/index.php?&HTS301=13

_____________
Принимаю заказы, писать в ЛС

SerginhoLD

3.03.2016 - 21:11

https://jsfiddle.net/L23qwya5/

Цитата (Медведь @ 3.03.2016 - 09:00)

fixed не подходит, использую absolute

еще как подходит

p.s. а лучше вообще сделать внутренности через flexbox и не париться

_____________
"internet explorer всех правильней отображает страницы" ©

Миша

3.03.2016 - 21:16

Цитата (SerginhoLD @ 3.03.2016 - 21:11)

еще как подходит

p.s. а лучше вообще сделать внутренности через flexbox и не париться

Для какого div a? class т.е.

_____________
Принимаю заказы, писать в ЛС

SerginhoLD

3.03.2016 - 21:19

Цитата (Медведь @ 3.03.2016 - 17:16)

Для какого div a? class т.е.

я не понял эту надпись

Миша

3.03.2016 - 21:22

Если высота фотографии будет больше, то нижняя её часть будет недоступна, а там ещё для зарегистрированных пользователей небольшое управление.

_____________
Принимаю заказы, писать в ЛС

SerginhoLD

3.03.2016 - 21:24

Миша

3.03.2016 - 21:26

Цитата (SerginhoLD @ 3.03.2016 - 21:24)

скролл тогда появится, а не недоступна

Не появляется (( Поэтому и спрашиваю какой div имеете ввиду - fixed

_____________
Принимаю заказы, писать в ЛС

Быстрый ответ:

Здесь расположена полная версия этой страницы.