Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

полупрозрачность фона элемента

23K
06 декабря 2006 года
darkman_trup
3 / / 06.12.2006
Есть: <div>, фон которого нужно сделать полупрозрачным (имеется в виду, картинку заднего фона элемента), но так, чтобы текст в этом элемент был полностью непрозрачным, на 100%. Вариант с полупрозрачной PNG-картинкой заднего фона не подходит - ИЕ не понимает такой полупрозрачности, это имеет смысл только в Опере, которая не имеет CSS-средств для создания полупрозрачности.
Спасибо заранее.
12
06 декабря 2006 года
alekciy
3.0K / / 13.12.2005
Вот как раз только IE и не понимает полупрозрачности в PNG. У нормальных браузеров с этим все впорядке.
В CSS2 ни какой полупрозрачности нет. А то, что ты имеешь в виду, это фильтры к от Microsoft и только IE их и понимает.

Так что в тако постановки задачи валидного решения лично я не вижу.
23K
06 декабря 2006 года
darkman_trup
3 / / 06.12.2006
В текущих версиях Оперы и Мозиллы прозрачность элементов поддерживается, причем в Мозилле уже давно, в Опере с 9-й версии (аттрибут -moz-opacity в Мозилле и просто opacity в Опере - это все CSS3, но большинство текущих версий браузеров уже поддерживают его).
12
06 декабря 2006 года
alekciy
3.0K / / 13.12.2005
На сколько мне помнится даже CSS2 в полной мере не поддерживает ни один браузер. Так что лично я пока в сторону CSS3 даже не смотрю.

В принципе твоя задача реализуема, и в сети есть тому намало примеров. Однако одного решения для всех браузеров нет.
23K
06 декабря 2006 года
darkman_trup
3 / / 06.12.2006
Цитата: alekciy
На сколько мне помнится даже CSS2 в полной мере не поддерживает ни один браузер. Так что лично я пока в сторону CSS3 даже не смотрю.

В принципе твоя задача реализуема, и в сети есть тому намало примеров. Однако одного решения для всех браузеров нет.



Таки есть для почти всех браузеров, и вот ответ (я сам уже это нашел):
http://www.htmlite.com/SD009a.php
http://www.htmlite.com/op_ex_03.html

12
06 декабря 2006 года
alekciy
3.0K / / 13.12.2005
Там так же через PNG далается для нормальных браузеров и через filter: для осла. В моем понимании это не есть одно решение (единобразное). Это под каждый браузер находят свой "... х** с винтом" (с).
12
06 декабря 2006 года
alekciy
3.0K / / 13.12.2005
Тем более такой CSS не валидный уже.
13
07 декабря 2006 года
RussianSpy
3.0K / / 04.07.2006
Согласен
Современные браузеры поддерживают фильтры и некоторые другие фичи вроде цвета скроллбаров. ФФ как всегда отличился и пошел своим путем. А вообще все же я бы не стал ими (фильтрами) злоупотреблять - рано еще говорить о достаточной поддержке со стороны браузеров.
1.8K
07 декабря 2006 года
Валериус
190 / / 14.07.2006
5 копеек от стажёра: а почему бы не использовать полупрозрачный GIF? Он, помнится, тоже прозрачность, даёт и пока ни один браузер на моём коротком веку не ругался.
13
07 декабря 2006 года
RussianSpy
3.0K / / 04.07.2006
Цитата: Валериус
5 копеек от стажёра: а почему бы не использовать полупрозрачный GIF? Он, помнится, тоже прозрачность, даёт и пока ни один браузер на моём коротком веку не ругался.



gif НЕ ПОДДЕРЖИВАЕТ полупрозрачность. У него есть "прозрачный цвет". То есть пиксель либо 100% прозрачен, либо нет. Там нет градации прозрачности.

1.8K
07 декабря 2006 года
Валериус
190 / / 14.07.2006
Цитата: RussianSpy
gif НЕ ПОДДЕРЖИВАЕТ полупрозрачность. У него есть "прозрачный цвет". То есть пиксель либо 100% прозрачен, либо нет. Там нет градации прозрачности.


А если сделать его "выборочно" прозрачным? То есть один пиксель прозрачный, другой - цветной. И так в шахматном порядке. Или чуть плотнее/реже. Это гемор, конечно, и не для любого рисунка подойдёт, но шанс ведь есть?

13
07 декабря 2006 года
RussianSpy
3.0K / / 04.07.2006
Цитата: Валериус
А если сделать его "выборочно" прозрачным? То есть один пиксель прозрачный, другой - цветной. И так в шахматном порядке. Или чуть плотнее/реже. Это гемор, конечно, и не для любого рисунка подойдёт, но шанс ведь есть?



Ну и будет чушь... Попробуй сделать таким образом маленькую картинку 12х12 пикселей (например закругленный угол). Если бы все было так просто - такие темы бы не появлялись на форумах

352
07 декабря 2006 года
skywalker
694 / / 10.02.2006
Цитата: darkman_trup
Есть: <div>, фон которого нужно сделать полупрозрачным (имеется в виду, картинку заднего фона элемента), но так, чтобы текст в этом элемент был полностью непрозрачным, на 100%. Вариант с полупрозрачной PNG-картинкой заднего фона не подходит - ИЕ не понимает такой полупрозрачности, это имеет смысл только в Опере, которая не имеет CSS-средств для создания полупрозрачности.
Спасибо заранее.


Поставь родительскому блоку position:relative, а прозрачной картинке картинке position:absolute (и выводи ее как <img> не фон чего-то), и раставь z-index'ы всем блокам. Будет подобие фонового прозрачного рисунка и текста.

12
07 декабря 2006 года
alekciy
3.0K / / 13.12.2005
Цитата: Валериус
5 копеек от стажёра: а почему бы не использовать полупрозрачный GIF? Он, помнится, тоже прозрачность, даёт и пока ни один браузер на моём коротком веку не ругался.


Ты не путай прозрачность и полупрозрачность. Вот тебе пример полупрозрачности http://alekciy.ru/hastl/index.html такое ни отдельно ни какой прозрачностью GIF не создать если только не нарезать из PSD шаблона.

1.8K
07 декабря 2006 года
Валериус
190 / / 14.07.2006
alekciy, RussianSpy, спасибо, разобрался.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог