stardel

[stardel]

В общем нужна помощь,помогите плизз!Дело в следущем:сверстал сайт,в Опере и Лисице всё нормально,а в Осле почему то вокруг PNG элементов какие то белые рамки вот такие:

http://s46.radikal.ru/i111/0905/c5/958632c14d20.jpg

Знаю что можно вынести в отдельный "сss" чисто для IE,но как не знаю.подскажите плизз!

[Dimitry Wolotko]

Спорим, что у вас там красивейшие PNG'шки?

[psywalker]

http://handynotes.ru/2007/10/png-ie6.html

[stardel]

Dimitry Wolotko В каком смысле?

Edited May 26, 2009 by stardel

[Great Rash]

Я уж думал, что про эту проблему ИЕ абсолютно все знают... ан нет.

[stardel]

Переделал,но всё равно то же самое:

<title>Бар</title>

<link rel="stylesheet" href="css/all.css" type="text/css" />

<style type="text/css">

.bar {

position: absolute;

height: 210px;

width: 294px;

left: 10px;

top: -10px;

border:0px;

background-image:url(img/bar.png) ;

}

Вынес сss для ie:

.bar{

background:url(none.gif);

filter:progid:dximagetransform.microsoft.alphaimageloader(src='img/bar.png', sizingmethod='scale');

}

Помгите плизз!!!

Edited May 27, 2009 by stardel

[psywalker]

допиши в стилях для ие вместо background:url(none.gif); вот это background: none; и ещё на всякий случай вот так: div.bar, что бы специфичность было весомее

[stardel]

Вот так?

div.bar{

background:none;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='img/bar.png', sizingmethod='scale');

}

Так не работает....точнее такой же разультат......может я с путями что то намудрил?

Может из за того что у меня css не вынесен.То есть вынесен тока для IE?

Edited May 27, 2009 by stardel

[psywalker]

дружище, лана смари вобщем:

1) Вот тебе сайт http://psywalker.ru/MoneyTREE/ , дерево сверху-справа ПНГ картинка, она находиться в блоке #head

2) Вот для него код в общих стилях .tree { right: 3em; bottom: -.5em; width: 29.2em; height: 31.2em;}

3) А вот в стилях для ИЕ6:

#head .tree {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop');background: none;}

Тоесть я:

3.1 Указал обязательные размеры для ПНГ картинки: width: 29.2em; height: 31.2em;

3.2 В стилях для ИЕ6 Отменил Фон у картинки background: none; и назначил фильтр: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop');

3.3 Есть ещё один нюанс: Вот это слово окончание в фильтре: crop означает, что твоя картинка имеет определённые размеры и не будет растягиваться, а ещё есть значение scale, оно пишется в том случае, если у тебя картинка должна тянуться на всю ширину, например какой нибудь фон

Вобщем совет: Примени вышесказанное и поиграйся с путями для картинки, может правда не так задаёшь 'img/tree.png',

[stardel]

Cпасибо большое!!! пошёл разбираться.

[psywalker]

Cпасибо большое!!! пошёл разбираться.

Давай топай, удачи тебе

[Колос]

Вот ещё подробная статья про это дело:

http://www.tigir.com/alpha_png.htm

[stardel]

Колосспс!Я более менее врубаюсь,на Джумле могу ,но вот этот вопрос в своё время упустил.....вот догоняю.