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

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.06.2017, 23:45   #1
Sergun34
Пользователь
 
Регистрация: 14.06.2017
Сообщений: 20
По умолчанию Фон страницы сквозь дочерний элемент непрозрачного родителеля

Всем доброго здравия. Подскажите как в css сделать так, чтобы сквозь дочерний элемент, например input, непрозрачного родителя просматривался фон страницы. Так сказать эффект "бублика".
Sergun34 вне форума Ответить с цитированием
Старый 15.06.2017, 20:18   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

продублировать на него фон
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 15.06.2017, 23:52   #3
Sergun34
Пользователь
 
Регистрация: 14.06.2017
Сообщений: 20
По умолчанию

Каким образом продублировать, если фон страницы - картинка? Надо чтобы сквозь дочку было видно тот участок фона страницы, который перекрывает дочка.
Sergun34 вне форума Ответить с цитированием
Старый 16.06.2017, 10:27   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

ну да, придется подвигать
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.06.2017, 15:54   #5
Semreg
Пользователь
 
Регистрация: 28.03.2012
Сообщений: 10
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
ну да, придется подвигать
При ресайте окна корректно работать не будет...

Sergun34, задача имхо сложно решаемая и тривиальными простыми способами скорее всего не получится это сделать, т.к. родитель не прозрачный.

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

А возможно более правильным решением будет отказаться от такой задачи. Безальтернативных путей не бывает. Кроме чистоты дизайна нужно помнить и о чистоте кода. Все должно быть красиво не только снаружи, но и внутри. Часто желание сделать верстку до пикселя точно приводит к увеличению и усложнению кода, что не есть хорошо и правильно...
Semreg вне форума Ответить с цитированием
Старый 30.06.2017, 20:29   #6
Sergun34
Пользователь
 
Регистрация: 14.06.2017
Сообщений: 20
По умолчанию

Спасибо за помощь. Решил задачу с помощью table: одни ячейки прозрачные, а другие нет.
Sergun34 вне форума Ответить с цитированием
Старый 30.06.2017, 20:41   #7
AlexZaw
Пользователь
 
Аватар для AlexZaw
 
Регистрация: 26.06.2017
Сообщений: 18
По умолчанию

покажите хоть что получилось? а то аж любопытно стало
AlexZaw вне форума Ответить с цитированием
Старый 27.07.2017, 14:53   #8
Sergun34
Пользователь
 
Регистрация: 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;">
Sergun34 вне форума Ответить с цитированием
Старый 19.08.2017, 12:15   #9
obivan88
Пользователь
 
Регистрация: 17.08.2017
Сообщений: 16
По умолчанию

а свойство CSS opacity чем не подходит?
http://htmlbook.ru/css/opacity
obivan88 вне форума Ответить с цитированием
Старый 20.08.2017, 22:54   #10
Sergun34
Пользователь
 
Регистрация: 14.06.2017
Сообщений: 20
По умолчанию

rgba сразу задает и цвет и степень прозрачности, а opacity только степень прозрачности, а так наверно подходит, но я не пробовал.
Sergun34 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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