X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> прозрачность фона css , помогите плз
Tati_2000
Tati_2000
Topic Starter сообщение 16.6.2010, 14:53; Ответить: Tati_2000
Сообщение #1


.oneColElsCtrHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background: rgba(255, 255, 255, 0.3);
filter: alpha(opacity=30); /* для IE 8 */
filter: alpha(opacity=30); /* для IE 4-7 */
}



не работает в IE прозрачность фона , подскажите пожалуйста как прописать , в осатльных браузерах , все нормально .

поиск по форуму не помог, так и не поняла , как же справляются с этим
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
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
Tati_2000
Topic Starter сообщение 16.6.2010, 15:25; Ответить: Tati_2000
Сообщение #3


спасибо большое, но при этом методе прозрачными становяться все дочерние компоненты (изображения, шрифты и т.д.) а мне надо только фон.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.6.2010, 15:28; Ответить: locky-yotu
Сообщение #4


нзчт)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 16.6.2010, 17:29; Ответить: 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
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
Tati_2000
Topic Starter сообщение 16.6.2010, 20:09; Ответить: Tati_2000
Сообщение #7


тоже неплохо работает , класс . Спасибки :goodpost:


*.png, при фиксированной высоте подходит , а так чтоб резиново было , надо использовать вышеприведенные способы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.6.2010, 22:11; Ответить: locky-yotu
Сообщение #8


вообще-то бекграунд имеет свойство повторяться... делаете прозрачный пнг-щник 10х10 пикселей, и он заполняет все пространство. или что не так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 16.6.2010, 22:37; Ответить: Tati_2000
Сообщение #9


да , но мне кажется это увеличивает время загрузки , к тому же можно задать прозрачный цвет фона + непрозрачный рисунок бекграунд , возможности для дизайна шире , многослойность меньшим количеством всевозможных изображений
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.6.2010, 22:43; Ответить: locky-yotu
Сообщение #10


Такой пнг'шник весит не больше 100 байт. Что он может увеличивать? Ну со вторым согласен - я так сам делал - черно-белая текстура сзади, и сверху разноцветные слои - получаем много вариантов такой текстуры с использованием одного изображения
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
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


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:51
Дизайн