| Предишната тема :: Следващата тема |
| Автор |
Съобщение |
Bio
Регистриран на: 10 Апр 2003
Мнения: 5263
|
 Пуснато на: Съб Авг 29, 2009 4:31 pm Заглавие: Съобразяване с IE ? |
 |
|
играя си тука занимам се с някви веб джвъчки за кеф и стигнах до момента в който реших да видя какво ще стане ако сложа Png с прозрачност в html. Супер, във Fox-a изглежда връхта, уви IE се дъни като пълен чук и естествено прозрачността я няма.
Та еъпроса е, доколко се съобразяват с тази простотия хората които работят това? В моя Internet Explorer ли е проблема и какво изобщо се прави в случаите в които искате или се налага ползването на изображение с прозрачност?
10x за помощта към клетия лейм и то предварително
:)
_________________
нямам кво да напиша тук. |
|
| Върнете се в началото |
|
 |
cleos
Регистриран на: 15 Фев 2007
Мнения: 232
|
| Пуснато на: Съб Авг 29, 2009 4:58 pm Заглавие: |
|
|
| Не е в твоя монитор повредата :), IE не поддържа прозрачност, но си има начини да се оправи. |
|
| Върнете се в началото |
|
|
X7r3M1s7a
Регистриран на: 07 Окт 2007
Мнения: 64
|
| Пуснато на: Съб Авг 29, 2009 5:08 pm Заглавие: |
|
|
IE6 не поддържа прозрачност, да.
Най-лесния начин за фикс, когато става въпрос за 2-3 пнг-та, е този:
Пишеш си CSS-a, примерно задаваш пнг-то за бекграунд на някой див.
Примерно:
| Код: | .yourpngclass {
background: url(yourpng.png) no-repeat top left;
width: 100px;
height: 100px;
float: left; } |
След това отиваш в HTML-a и слагаш един къндишънъл коумент между <head></head>, в който слагаш друг CSS, спешъл фор ИЕ6:
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="sources/ie6.css" media="screen" />
<![endif]-->
Съответно в този много специален CSS слагаш:
| Код: | .yourpngclass {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourpng.png', sizingMethod='scale'); } |
Уж има много хакове и фиксове, но аз го правя по този начин, когато става за няколко статични PNG-та в дизайна. |
|
| Върнете се в началото |
|
|
dalibg
Регистриран на: 15 Юни 2005
Мнения: 528
|
|
| Върнете се в началото |
|
|
ax
Регистриран на: 06 Окт 2006
Мнения: 68
Местожителство: Бургас
|
| Пуснато на: Съб Авг 29, 2009 6:13 pm Заглавие: |
|
|
По-добре ползвай това което е показал dalibg, пише, че не се отразява добре :
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yourpng.png', sizingMethod='scale'); };
Ако използваш css sprite с горния AlphaImage не работи background-position. |
|
| Върнете се в началото |
|
|
ax
Регистриран на: 06 Окт 2006
Мнения: 68
Местожителство: Бургас
|
| Пуснато на: Съб Авг 29, 2009 6:16 pm Заглавие: |
|
|
Още нещо, ако хората който ще го посещават мислиш, че няма да ползват IE6, по-добре не го прави.
http://www.bringdownie6.com/ |
|
| Върнете се в началото |
|
|
Bio
Регистриран на: 10 Апр 2003
Мнения: 5263
|
| Пуснато на: Съб Авг 29, 2009 9:26 pm Заглавие: |
|
|
явно си е насъбрал тежест проблема с IE
за съжаление не разбирам много от кодове и не мога да се оправя кое точно да копирам в моето хтмл и кои скриптове ми трябват.
ако някой може да ми обясни или да извади и да ми покаже конкретните сегменти без да му коства много време ще съм признателен.
а ако е много сложно за китарата ми с удоволствие бих бил шута на IE :0)
_________________
нямам кво да напиша тук. |
|
| Върнете се в началото |
|
|
dalibg
Регистриран на: 15 Юни 2005
Мнения: 528
|
| Пуснато на: Съб Авг 29, 2009 9:38 pm Заглавие: |
|
|
уф ... ше го извядя :) ... на ие му е рано за шута ...
в хед-а
| Цитат: | <!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]--> |
на имиджа
| Цитат: | | <img src="images/bg.png" onload="fixPNG(this)" /> |
pngfix-a
| Цитат: | /*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
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
}
}
} |
|
|
| Върнете се в началото |
|
|
Bio
Регистриран на: 10 Апр 2003
Мнения: 5263
|
| Пуснато на: Съб Авг 29, 2009 11:07 pm Заглавие: |
|
|
Направих го :) Danke.
копирах си хеда и препратките за сорс картината
само това долу с многото писане не го схванах
проработи щото в GoLive-a ми излезе като икона за скрипт и си го drag'n'drop-нах в мойта странциа.
мерси пак на всички.
_________________
нямам кво да напиша тук. |
|
| Върнете се в началото |
|
|
|
Въпроси/Отговори
