Помощник
|
прозрачность фона css , помогите плз |
Tati_2000
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
16.6.2010, 15:11;
Ответить: locky-yotu
Сообщение
#2
|
|
.oneColElsCtrHdr #footer {
padding:0 10px; background:#fff; opacity:0.3; filter:alpha(opacity=30); } |
|
|
Tati_2000
|
Сообщение
#3
|
|
спасибо большое, но при этом методе прозрачными становяться все дочерние компоненты (изображения, шрифты и т.д.) а мне надо только фон.
|
|
|
locky-yotu |
16.6.2010, 15:28;
Ответить: locky-yotu
Сообщение
#4
|
|
нзчт)
|
|
|
Tati_2000
|
Сообщение
#5
|
|
вернее даже просто цвет фона , а все изобр. и шрифты надо оставить не прозрачными
сработало вот так все же : .oneColElsCtrHdr #mainContent { padding: 2px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ background: rgba(255, 255, 255, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endCol orstr=#30ffffff); } |
|
|
locky-yotu |
16.6.2010, 17:49;
Ответить: locky-yotu
Сообщение
#6
|
|
Ну можно использовать полупрозрачный *.png, или извратиться и сделать что-то наподобие
<style type="text/css">
body {background:#000} .parent {position:relative;width:700px;height:300px} .back {position:absolute;z-index:1;width:100%;height:100%;background:#fff;opacity:.3;filter:alpha(opacity=30)} .child {position:relative;z-index:2;font:bold 100px/200px Arial;color:red;text-align:center} </style> <div class="parent"> <div class="back"></div> <div class="child">Hello!</div> </div> |
|
|
Tati_2000
|
Сообщение
#7
|
|
тоже неплохо работает , класс . Спасибки :goodpost:
*.png, при фиксированной высоте подходит , а так чтоб резиново было , надо использовать вышеприведенные способы. |
|
|
locky-yotu |
16.6.2010, 22:11;
Ответить: locky-yotu
Сообщение
#8
|
|
вообще-то бекграунд имеет свойство повторяться... делаете прозрачный пнг-щник 10х10 пикселей, и он заполняет все пространство. или что не так?
|
|
|
Tati_2000
|
Сообщение
#9
|
|
да , но мне кажется это увеличивает время загрузки , к тому же можно задать прозрачный цвет фона + непрозрачный рисунок бекграунд , возможности для дизайна шире , многослойность меньшим количеством всевозможных изображений
|
|
|
locky-yotu |
16.6.2010, 22:43;
Ответить: locky-yotu
Сообщение
#10
|
|
Такой пнг'шник весит не больше 100 байт. Что он может увеличивать? Ну со вторым согласен - я так сам делал - черно-белая текстура сзади, и сверху разноцветные слои - получаем много вариантов такой текстуры с использованием одного изображения
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 692 | 21.2.2024, 23:42 автор: Mixatraider |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3333 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3291 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6438 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1652 | 3.3.2021, 12:22 автор: kozak199110 |
Текстовая версия | Сейчас: 29.3.2024, 4:51 |