Прозрачная граница.

[0931454574]

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

[ваый]

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

[0931454574]

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

[B@rmaley.e><e]

достаточно однопиксельной картинки

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

[monolithed]

прозрачность главному диву с альфа-каналом

Один раз всего такое требовалось, делал так:

.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]

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