| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Прозрачность у DIV |
| Автор: SDEVIL 6.5.2010, 08:47 |
| Суть проста, есть два DIV, один вложен в другой. У первого задана прозрачность 80%. У второго прозрачность не задана, он должен быть не прозрачным, но почему -то тоже обладает прозрачностью 80% как и первый. Ни чего не пойму, в чем трабл может быть... |
| Автор: ksnk 6.5.2010, 10:12 |
| SDEVIL, прозрачность распространяется на все вложенные в елемент елементы. Нужно подложить их друг под друга используя абсолютное позиционирование, к примеру |
| Автор: ksnk 6.5.2010, 10:46 |
| http://habrahabr.ru/blogs/webdev/50996/ ещё один взгляд на прозрачность фона. Может и пригодится... |
| Автор: SDEVIL 6.5.2010, 12:17 |
| ksnk, спасибо, значит побороть вложенную прозрачность ни как нельзя?? |
| Автор: CmndrAlexGreen 6.7.2011, 13:33 |
| Спрошу тут, дабы не плодить темы. Подскажите такой момент: у сайта есть фон с рисунком в светлых тонах, по середине сайта есть блок с центровкой и предназначенный для помещения в него всего контента сайта. У блока есть фон, к примеру светло "черный")). Как лучше реализовать прозрачность фона блока, для проявления через него части рисунка фона страницы, так чтоб багов по меньше? И на сколько рабочий этот вариант http://habrahabr.ru/blogs/webdev/50996/ Проще ли сделать png для фона блока в место наделения его какими-либо свойствами по прозрачности или фильтрами? |
| Автор: ReFleX 6.7.2011, 15:32 | ||
Всё можно: div { прозрачность: 80%; } div div { прозрачность: 0%; } <div><div></div></div> |
| Автор: Guedda 7.7.2011, 11:19 | ||
Так не будет работать. Потому что у вложенного блока будет прозрачность 80%. Если написать у вложенного дива прозрачность 20%, то у него будет на самом деле прозрачность 20% от 80%. Такие пирожки. Тут поможет только абсолютное позиционирование и z-index. |
| Автор: ReFleX 7.7.2011, 11:29 |
| да, точно, не подумал сразу. Тогда только выход не вкладывать их друг в друга, а по отдельности. |
| Автор: SelenIT 8.7.2011, 00:11 |
| Все актуальные браузеры, кроме IE8-, http://css-tricks.com/2151-rgba-browser-support/ rgba-цвета, а для IE8- есть http://swetlanabayer.ru/blog/opacity/. По-моему, подвыподверты с png-картинками (а тем более дивами-подложками с opacity) пора смело сдавать в музей. |
