Форум Сайтостроение Веб-строительство

как сделать png в IE прозрачным?

123
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#11
nikitian:
Наклонная линия в пнг становится ломанной лесенкой в гифе.

Если мы говорим о 24dit - соглашусь, но тогда вы совсем забываете о пользователях.

neolord:
сравнить PNG с GIF... вы видимо очень устали сегодня или что-то приняли. =) Никто этого не видел если че.

Назовите тогда отличия между gif (без анимации) и png 8bit (естественно, что плавный альфа-канал не обсуждается)

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
Avenger
На сайте с 22.07.2007
Offline
47
Avenger
#12

подключи jQuery и плагин iepngfix http://plugins.jquery.com/project/iepngfix

чтобы он применялся ко всем пнг на странице пропиши в <head></head>

<script type="text/javascript">

$(document).ready(function(){

$(document).pngFix();

});

</script>

другие примеры по ссылке есть.

С уважением, Андрей Головнев (http://golovnev.by/)
[Удален]
#13
T.R.O.N:

Назовите тогда оличия между gif (без анимации) и png 8bit (естественно, что плавный альфа-канал не обсуждается)

Ха! =) "Назовите отличия между табуреткой (не считая что на ней сидят) и колбасой (не считая что её едят)"

А что, плавный альфа-канал в вебе уже не котируется? И почему же сразу 8 бит? 24 уже никому не нужно?

Нечего тут сравнивать, разные вещи совсем, и пользователя жалеть нечего, если знать когда использовать пинг, он весит не больше гифа.

neolord добавил 01.04.2009 в 09:57

Avenger:
подключи jQuery и плагин iepngfix http://plugins.jquery.com/project/iepngfix
чтобы он применялся ко всем пнг на странице пропиши в <head></head>

<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>

другие примеры по ссылке есть.

Сильный подход. Чтобы пожарить картошку использовать промышленную фритюрницу

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#14
neolord:
А что, плавный альфа-канал в вебе уже не котируется?

Для веба - нет, если Вы не извращенец.

neolord:
24 уже никому не нужно?

При таких объемах (опять-же в применении к веб) - конечно нет.

Если говорить именно о работе с графикой, то все это есть в TIFF или PSD.

neolord:
и пользователя жалеть нечего
это круто. Создаем паровоз для машиниста.
[Удален]
#15

омг.

Оставляю вас наедине с вашими предрассудками

[Удален]
#16
T.R.O.N:
Если мы говорим о 24dit - соглашусь, но тогда вы совсем забываете о пользователях.

В век высокоскоростного интернета +100кб к весу графики на страницах вполне нормально и терпимо. Тем более, что я и не призываю к повсеместному использованию пнг вместо гифа - только там, где нужен гладкий альфаканал и глаза мозолит лесенка.

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#17
nikitian:
В век высокоскоростного интернета +100кб к весу графики на страницах вполне нормально и терпимо.

Знаете, за МКАДом тоже есть жизнь. Илишних 50-100к - это очень много. Сейчас (в тот самый век передовых технологий) очень многие забывают о тех, кто пользует наладонники, нетбуки и т.д. У многих GPRS/3G модемы. Для них - все это очень сильно сказывается. Часто слышу - таких пользователей мало. Хочу поделится опытом. Как только сайт стал адаптирован для мобильных устройств - процент таких посетителей резко вырос.

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#18

2009 год, SEO-форум...

[Удален]
#19

копирую кусок кода из рабочего css, времени объяснять нет. если действительно нужно, сам разберешься


/*png for IE6*/
* html img,
* html .png {
  azimuth: expression(
    this.pngSet?
      this.pngSet=true : 
        (this.nodeName == "IMG" ? 
          (this.src.toLowerCase().indexOf('.png')>-1 ? 
            (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                this.src = "/skins/default/img/spacer.gif") :
            '') :          
          (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (this.origBg = (this.origBg) ? 
              this.origBg :             
              this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
              this.runtimeStyle.backgroundImage = "none") :
            ''
        ), this.pngSet=true
  );
}
/*---------*/
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_postmsg.png', sizingMethod='scale');*/

#page{height:740px}
.list_models a{display:inline-block; position:relative; width:100%}

.man{background:none;}
.man2{background:none;}
.man3{background:none;}

.man a{position:relative; z-index:50}

.man div{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/default/img/man1.png', sizingMethod='scale');}
.man2 div{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/default/img/man2.png', sizingMethod='scale');}
.man3 div{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/default/img/man3.png', sizingMethod='scale');}
[Удален]
#20

опять же - этот метод не работает когда пинг на фоне текстурой лежит.

А вообще это типичный пример быдлокодинга - азимут видимо был выбран как наиболее безобидное свойство?

123

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