|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
14.06.2017, 23:45 | #1 |
Пользователь
Регистрация: 14.06.2017
Сообщений: 20
|
Фон страницы сквозь дочерний элемент непрозрачного родителеля
Всем доброго здравия. Подскажите как в css сделать так, чтобы сквозь дочерний элемент, например input, непрозрачного родителя просматривался фон страницы. Так сказать эффект "бублика".
|
15.06.2017, 20:18 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
продублировать на него фон
Alar, верни репу!
|
15.06.2017, 23:52 | #3 |
Пользователь
Регистрация: 14.06.2017
Сообщений: 20
|
Каким образом продублировать, если фон страницы - картинка? Надо чтобы сквозь дочку было видно тот участок фона страницы, который перекрывает дочка.
|
16.06.2017, 10:27 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
ну да, придется подвигать
Alar, верни репу!
|
16.06.2017, 15:54 | #5 |
Пользователь
Регистрация: 28.03.2012
Сообщений: 10
|
При ресайте окна корректно работать не будет...
Sergun34, задача имхо сложно решаемая и тривиальными простыми способами скорее всего не получится это сделать, т.к. родитель не прозрачный. Если у родителя бекграунд не картинка а сплошной цвет, то можно как вариант спозиционировать дочку и задать ей бордеры со всех сторон тем цветом, как у родителя, а у родителя убрать бекграунд. Возможно дочку придется позиционировать абсолютно (в зависимости от поставленной задачи). А возможно более правильным решением будет отказаться от такой задачи. Безальтернативных путей не бывает. Кроме чистоты дизайна нужно помнить и о чистоте кода. Все должно быть красиво не только снаружи, но и внутри. Часто желание сделать верстку до пикселя точно приводит к увеличению и усложнению кода, что не есть хорошо и правильно... |
30.06.2017, 20:29 | #6 |
Пользователь
Регистрация: 14.06.2017
Сообщений: 20
|
Спасибо за помощь. Решил задачу с помощью table: одни ячейки прозрачные, а другие нет.
|
30.06.2017, 20:41 | #7 |
Пользователь
Регистрация: 26.06.2017
Сообщений: 18
|
покажите хоть что получилось? а то аж любопытно стало
|
27.07.2017, 14:53 | #8 |
Пользователь
Регистрация: 14.06.2017
Сообщений: 20
|
Во внутреннем стиле задаем непрозрачный или как в моем случае почти прозрачный
фон: table {border-collapse: collapse;} td, th {background-color: rgba(255,255,255,0.5);} Где надо сделать ячейку прозрачной во строенном стиле прописываем <td style="background: transparent; border: 1px solid black;"> |
19.08.2017, 12:15 | #9 |
Пользователь
Регистрация: 17.08.2017
Сообщений: 16
|
а свойство CSS opacity чем не подходит?
http://htmlbook.ru/css/opacity |
20.08.2017, 22:54 | #10 |
Пользователь
Регистрация: 14.06.2017
Сообщений: 20
|
rgba сразу задает и цвет и степень прозрачности, а opacity только степень прозрачности, а так наверно подходит, но я не пробовал.
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
XSD: Атрибут не объявлен / Элемент имеет недопустимый дочерний элемент | Lucien_Lachance | Помощь студентам | 2 | 14.06.2015 18:51 |
Как выбрать второй дочерний элемент на JQuery | Gstar | JavaScript, Ajax | 2 | 27.01.2014 06:28 |
Растянуть дочерний элемент. | Ninazu | HTML и CSS | 12 | 19.03.2013 10:00 |
Фон страницы для разных браузеров | Makarov | HTML и CSS | 8 | 19.06.2009 22:32 |