IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Reply to this topicStart new topic
> Прозрачные PNG в MSIE
NiSMO
сообщение 1.11.2005, 6:41
Сообщение #1


Advanced Member
Иконка группы

Группа: V.I.P.
Сообщений: 111
Регистрация: 25.1.2005
Из: Russia, Moscow
Пользователь №: 56



Пока MSIE не могет отображать PNG с прозрачным фоном, в 7 версии обещали исправить... Но мы ждать не будем, а сделаем так:

Создаем скрипт pngfix.js :

CODE
function correctPNG()
  {
  for(var i=0; i<document.images.length; i++)
     {
  var img = document.images[i]
  var imgName = img.src.toUpperCase()
  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
     {
  var imgID = (img.id) ? "id='" + img.id + "' " : ""
  var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  var imgStyle = "display:inline-block;" + img.style.cssText
  if (img.align == "left") imgStyle = "float:left;" + imgStyle
  if (img.align == "right") imgStyle = "float:right;" + imgStyle
  if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle  
  var strNewHTML = "<span " + imgID + imgClass + imgTitle
  + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
  img.outerHTML = strNewHTML
  i = i-1
     }
     }
  }
window.attachEvent("onload", correctPNG);


Затем между <head> и </head> вписываем:

CODE
<!--[if gte IE 5.5000]>
<script type="text/javascript" src=pngfix.js"></script>
<![endif]-->


Усе.

Первоисточник - PNGFix

Сообщение отредактировал NiSMO - 1.11.2005, 9:03


--------------------
RIP - 400R
Go to the top of the page
 
+Quote Post
Thx Machine Bot
сообщение 23.10.2006, 13:14
Сообщение #2


Говорящий спасибо
***

Группа: Bots
Сообщений: 37
Регистрация: 15.10.2004
Пользователь №: 10



3 пользователей сказало спасибо!
LaeX, mumus, silik


--------------------
Для того чтобы добавить запись, нажмите кнопку user posted image (ниже)
Go to the top of the page
 
+Quote Post
SviMik
сообщение 2.11.2006, 22:42
Сообщение #3


Newbie
Иконка группы

Группа: Admin
Сообщений: 6
Регистрация: 4.9.2006
Пользователь №: 563



Если картинок не много - проще так:

CODE
<img src="img.png" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img.png);width:expression(1);height:expression(1)">
Go to the top of the page
 
+Quote Post
lapochkin
сообщение 3.11.2006, 13:45
Сообщение #4


Advanced Member
Иконка группы

Группа: V.I.P.
Сообщений: 293
Регистрация: 27.2.2006
Из: Орел, Россия
Пользователь №: 360



а эти фильтры в файерфоксе отображаются?


--------------------
С уважением, lapochkin!
Go to the top of the page
 
+Quote Post
LaeX
сообщение 3.11.2006, 16:28
Сообщение #5


HelpTeam
Иконка группы

Группа: Супермодераторы
Сообщений: 177
Регистрация: 6.11.2004
Пользователь №: 20



В Firefox проверял ─ работает.


--------------------
Go to the top of the page
 
+Quote Post
silik
сообщение 13.2.2007, 13:49
Сообщение #6


Advanced Member
Иконка группы

Группа: Members
Сообщений: 38
Регистрация: 21.2.2006
Из: Moscow
Пользователь №: 352



Как то странно получается, в 7 IE не работает, а в опере 9.10 и фаерфоксе 2.01 работает. По идее фильтры же работают только в IE, или я ошибаюсь?


--------------------
Go to the top of the page
 
+Quote Post
RobertoKarlos
сообщение 1.6.2009, 7:15
Сообщение #7


Newbie
Иконка группы

Группа: Members
Сообщений: 1
Регистрация: 29.5.2009
Пользователь №: 3516



У меня в Opera 9.5 файлы PNG отображаются, а в IE7 нет. Подскажите пожалуйста как решить эту проблему или может в другой формат какой омжно сохрнаить? Пробовал в GIF, но как-то этот прозрачный фон текст огибает очень не красиво...
Go to the top of the page
 
+Quote Post
lapochkin
сообщение 8.6.2009, 15:40
Сообщение #8


Advanced Member
Иконка группы

Группа: V.I.P.
Сообщений: 293
Регистрация: 27.2.2006
Из: Орел, Россия
Пользователь №: 360



В седьмом и уже восьмом IE с прозрачностью PNG все в порядке. Не должно быть никаких проблем.


--------------------
С уважением, lapochkin!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0

 



© 2004-2008 Fireworks Network Forum Текстовая версия Сейчас: 16.10.2018, 9:50