Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Прозрачная граница. (https://javascript.ru/forum/xhtml-html-css/19425-prozrachnaya-granica.html)

0931454574 03.08.2011 23:45

Прозрачная граница.
 
Наверное многие встречали саты где страника имеет border шириной 10-15 пх и прозрачность 0.1 . На фоне это выглядит классно. Но вот как это сделать ? Получается что диву можно дать прозрачность, а вложеный див наследует и не изменяет на более низкую или высокую прозрачность. Короче если прозрачность (opacity) заложил в body , то все остальные наследую и изменить их нельзя. Что делать? Кстати вот образец.http://demo.icetheme.com/it_automag/

ваый 04.08.2011 01:15

Это делается не так. Хотя можно и так, тогда уж давать прозрачность главному диву с альфа-каналом background-color: rgba(0, 0, 0, 0.1) (ie не поймет). Но обычно дают не background-color, а background: url(semitransparent.png) - полупрозрачный фон для дива. И все счастливы, кроме ie 6, но там можно сделать хак тоже.

0931454574 09.08.2011 22:09

помогло, кстати кто не в курсе если указать background , как указал достопочтеныый Ваый, то замостится весь фон, не нужны репиты и т.д., то есть достаточно однопиксельной картинки)

B@rmaley.e><e 09.08.2011 22:26

Цитата:

Сообщение от 0931454574
достаточно однопиксельной картинки

Вместе с тем разницы между картинкой 1x1 и, скажем, 20x20 (по весу) практически никакой, но нагрузка на браузер в последнем случае меньше.

monolithed 10.08.2011 11:29

Цитата:

Сообщение от ваый
прозрачность главному диву с альфа-каналом

Один раз всего такое требовалось, делал так:
.foo {
     border: 10px solid transparent;
}

/* в IE5-6 отсутствует возможность задать transparent для border, поэтому делал так: */
*html .foo {
     border-color: pink;
     filter: chroma(color=pink); /* полный вариант filter:progid:DXImageTransform.Microsoft.Chroma(color='#pink'); */
}

qwertyuiop10 03.10.2011 10:26

а не проще border: 10px solid rgba(0,255,0,0.5)


Часовой пояс GMT +3, время: 11:05.