прозрачность png

j.KS
На сайте с 03.11.2006
Offline
107
770

Добрый день.

Подскажите, есть ли на сегодняшний день способ сделать, чтобы рисунок png отображался прозрачным для основных браузеров (ИЕ6, ИЕ7, Опера, Мозилла).

Спасибо за помощь.

Куплю сайт(ы) с доходом (1-3)k$/мес. с контекста (/ru/forum/582890)
topy
На сайте с 28.03.2006
Offline
142
#1

Попробуйте JS-код:

function fixPNG(element)

{
if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent))
{
var src;

if (element.tagName=='IMG')
{
if (/\.png$/.test(element.src))
{
src = element.src;
element.src = "images/blank.gif";
}
}
else
{
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
if (src)
{
src = src[1];
element.runtimeStyle.backgroundImage="none";
}
}

if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}
}
Новости коротко и ясно (https://subnews.ru)
MyOST
На сайте с 22.01.2006
Offline
559
#2

во вложении - то что используем мы, но проблемы встречаются иногда, зависит от настроек браузера у конечного пользователя + сама версия браузера

Блог (http://seom.info/) | Ты уже SEO профессионал? (http://www.key-collector.ru/) Развиваем семантику более 8 лет! ()
sud falke
На сайте с 24.11.2006
Offline
60
#3

Зачем так сложно? :)

В css пишем

.title
{
background: url(/images/img.png) top left no-repeat;
_background:none;
_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img.png',sizingMethod='crop');
}

атрибуты с "_" для ie

потом в шаблоне вставляем phg

<div class="title"><img src="/images/img.png"></div>

и все :)

Люблю эту компанию Venta (http://www.promo-venta.ru)
a.fatman
На сайте с 15.01.2006
Offline
127
#4

Поробуйте вот это: http://www.google.com/search?q=png+opacity

Dreammaker
На сайте с 20.04.2006
Offline
570
#5

мне вот этот вариант понравился среди всех.

http://www.scriptingmagic.com/Topics/IE%20Specific/PNG%20Transparency/

[Удален]
#6

О! Спасибо, приму на вооружение!

Спасибо sud falke

prlink
На сайте с 05.05.2006
Offline
195
#7

sud falke, понравилось Ваше решение...🚬

Varkolak
На сайте с 03.06.2005
Offline
174
#8

Вообще это хак для IE, думаю ТС это понимает, в сети существует много способов решения этой проблемы, но по результату их применения их 2 (что то типа того), а отличаются они следующим:

1 способ при нем png в бекграунде будет тянуться полностью с блоком к которому он применен.

2 способ при нем бекграунд не тянется и стили типа повтор и позиционирование не работают.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
j.KS
На сайте с 03.11.2006
Offline
107
#9

Ну мне надо просто сделать тень для кнопочек при сложном рисунке фона.

Причем рисунок кнопочек лучше через background...

Сам воспользовался решением предложеным Dreammaker.

Работает для тэга <img > и <input type="image">, а есть ли решение для background?

Спасибо все за советы :)

ixRock
На сайте с 14.11.2006
Offline
46
#10

http://ixrock.net/articles/23/details

посмотрите тут, может приглянётся такой способ, всё достаточно просто и удобно

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий