Как отобразить изображение с прозрачным фоном в HTML?
От: XJess  
Дата: 26.08.09 15:30
Оценка:
Привет всем!
Есть HTML-страница. Есть div, закрашенный неким цветом, внутри хочу отобразить картинку — это круглый значок, но у этой картинки есть белый фон. Так вот, надо бы отобразить в диве только этот значок, а фон чтобы был прозрачным, т. е. вокруг значка чтобы был цвет дива. Может, кто-нибудь знает, как это сделать? Может, я смотрю в книгу, но вижу фигу, но я не могу понять, как это сделать HTML-средствами.
Re: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 26.08.09 15:33
Оценка:
Здравствуйте, XJess, Вы писали:

XJ>Привет всем!

XJ>Есть HTML-страница. Есть div, закрашенный неким цветом, внутри хочу отобразить картинку — это круглый значок, но у этой картинки есть белый фон. Так вот, надо бы отобразить в диве только этот значок, а фон чтобы был прозрачным, т. е. вокруг значка чтобы был цвет дива. Может, кто-нибудь знает, как это сделать? Может, я смотрю в книгу, но вижу фигу, но я не могу понять, как это сделать HTML-средствами.

PNG с прозрачностью
Make flame.politics Great Again!
Re[2]: Как отобразить изображение с прозрачным фоном в HTML?
От: Blob Беларусь  
Дата: 26.08.09 15:47
Оценка:
Здравствуйте, TimurSPB, Вы писали:

TSP>PNG с прозрачностью


Только вот IE6 и ниже не особо умеют работать с этой прозрачностью.
Re[3]: Как отобразить изображение с прозрачным фоном в HTML?
От: Курилка Россия http://kirya.narod.ru/
Дата: 26.08.09 17:40
Оценка:
Здравствуйте, Blob, Вы писали:

B>Здравствуйте, TimurSPB, Вы писали:


TSP>>PNG с прозрачностью


B>Только вот IE6 и ниже не особо умеют работать с этой прозрачностью.


Ну есть обходные решения (легко гуглятся) и гиф (но тоже не идеальное решение).
Re[3]: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 27.08.09 08:02
Оценка:
Здравствуйте, Blob, Вы писали:

B>Здравствуйте, TimurSPB, Вы писали:


TSP>>PNG с прозрачностью


B>Только вот IE6 и ниже не особо умеют работать с этой прозрачностью.


Значит надо написать, если старый софт детектед, "Для корректной работы сайта необходим IE6+"
Make flame.politics Great Again!
Re[4]: Как отобразить изображение с прозрачным фоном в HTML?
От: Курилка Россия http://kirya.narod.ru/
Дата: 27.08.09 08:06
Оценка:
Здравствуйте, TimurSPB, Вы писали:

TSP>Здравствуйте, Blob, Вы писали:


B>>Здравствуйте, TimurSPB, Вы писали:


TSP>>>PNG с прозрачностью


B>>Только вот IE6 и ниже не особо умеют работать с этой прозрачностью.


TSP>Значит надо написать, если старый софт детектед, "Для корректной работы сайта необходим IE6+"


Это при том, что можно и там решить эту проблему?
Re[5]: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 27.08.09 08:12
Оценка:
К>Это при том, что можно и там решить эту проблему?

Как?
Make flame.politics Great Again!
Re[6]: Как отобразить изображение с прозрачным фоном в HTML?
От: Курилка Россия http://kirya.narod.ru/
Дата: 27.08.09 08:17
Оценка:
Здравствуйте, TimurSPB, Вы писали:

К>>Это при том, что можно и там решить эту проблему?


TSP>Как?


Рядом же написал...
Гуглить "png fix" например.
Re[7]: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 27.08.09 08:23
Оценка: :)
Здравствуйте, Курилка, Вы писали:

К>Здравствуйте, TimurSPB, Вы писали:


К>>>Это при том, что можно и там решить эту проблему?


TSP>>Как?


К>Рядом же написал...

К>Гуглить "png fix" например.

Нафиг надо из за 0.05% пользователей с древним софтом плодить скрипты?
Те кто сидят в IE6 сами себе злобные буратино
Make flame.politics Great Again!
Re[8]: Как отобразить изображение с прозрачным фоном в HTML?
От: Курилка Россия http://kirya.narod.ru/
Дата: 27.08.09 08:34
Оценка:
Здравствуйте, TimurSPB, Вы писали:

TSP>Нафиг надо из за 0.05% пользователей с древним софтом плодить скрипты?

TSP>Те кто сидят в IE6 сами себе злобные буратино

Довольно голословное заявление про 0.05%, скажем тут цифра почти в 400 раз больше.
Решение же тривиальное, делается за полчаса максимум. Мне лично не жалко полчаса потратить на каждого 5-го пользователя. Но хозяин — барин.
Re[9]: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 27.08.09 08:43
Оценка:
Здравствуйте, Курилка, Вы писали:

К>Здравствуйте, TimurSPB, Вы писали:


TSP>>Нафиг надо из за 0.05% пользователей с древним софтом плодить скрипты?

TSP>>Те кто сидят в IE6 сами себе злобные буратино

К>Довольно голословное заявление про 0.05%, скажем тут цифра почти в 400 раз больше.

К>Решение же тривиальное, делается за полчаса максимум. Мне лично не жалко полчаса потратить на каждого 5-го пользователя. Но хозяин — барин.

Ну да в каждом конкретном случае надо принимать решение исходя из аудитории пользователей
Make flame.politics Great Again!
Re[2]: Как отобразить изображение с прозрачным фоном в HTML?
От: Панда Россия  
Дата: 27.08.09 10:54
Оценка: 2 (1)
А почему не сделать gif с прозрачностью? Вроде о полупрозрачности речи не шло.
Re[3]: Как отобразить изображение с прозрачным фоном в HTML?
От: TimurSPB Интернет  
Дата: 27.08.09 11:15
Оценка:
Здравствуйте, Панда, Вы писали:

П>А почему не сделать gif с прозрачностью? Вроде о полупрозрачности речи не шло.


Можно и gif. Все зависит от того что за картинка. Например фотка в gif выглядит так себе
Make flame.politics Great Again!
Re[4]: Как отобразить изображение с прозрачным фоном в HTML?
От: Панда Россия  
Дата: 27.08.09 12:59
Оценка:
Здравствуйте, TimurSPB, Вы писали:

TSP>Можно и gif. Все зависит от того что за картинка.


Круглый значок
Re[5]: Как отобразить изображение с прозрачным фоном в HTML?
От: XJess  
Дата: 27.08.09 13:03
Оценка:
Здравствуйте, Панда, Вы писали:

П>Круглый значок


На самом деле картинок две — один круглый красный значок с крестом внутри, другой — круглый зеленый с галочкой внутри, т. е. все просто.
Re[6]: Как отобразить изображение с прозрачным фоном в HTML?
От: Панда Россия  
Дата: 27.08.09 15:52
Оценка:
Здравствуйте, XJess, Вы писали:
XJ>На самом деле картинок две — один круглый красный значок с крестом внутри, другой — круглый зеленый с галочкой внутри, т. е. все просто.

Но средствами html белый фон никак не убрать. В любом случае надо переделывать картинку, чтобы у нее был не белый фон, а прозрачный.
Re[7]: Проблема решена
От: XJess  
Дата: 27.08.09 16:12
Оценка:
Здравствуйте, Панда, Вы писали:

П>Здравствуйте, XJess, Вы писали:

XJ>>На самом деле картинок две — один круглый красный значок с крестом внутри, другой — круглый зеленый с галочкой внутри, т. е. все просто.

П>Но средствами html белый фон никак не убрать. В любом случае надо переделывать картинку, чтобы у нее был не белый фон, а прозрачный.


Я понимаю. Кстати, я уже в Photoshop сделала gif с прозрачным фоном, так что вопрос закрыт.
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.