'프로그래밍/기타 등등'에 해당되는 글 15건

  1. 2009.09.29 언어(ISO 639) 코드
  2. 2009.09.25 네이버 스마트에디터, 다음 오픈에디터
  3. 2009.08.07 HTML 특수문자코드표
  4. 2009.08.06 [펌] [CSS] IE6리하 PNG 투명값처리 소스들..
  5. 2009.08.06 [펌][CSS] PNG 포멧 용법

언어(ISO 639) 코드

|
 언어명코드언어 구룹
AABKHAZIAN ABIBERO-CAUCASIAN이베리아-코카시안어
 AFAN (OROMO) OMHAMITIC햄족언어
 AFAR AAHAMITIC햄족언어
 AFRIKAANS AFGERMANIC게르만어
 ALBANIAN알바니아어SQINDO-EUROPEAN(OTHER)인도-유럽어(기타)
 AMHARIC AMSEMITIC쎔족언어
 ARABIC아랍어ARSEMITIC쎔족언어
 ARMENIAN아르메니아어HYINDO-EUROPEAN(OTHER)인도-유럽어(기타)
 ASSAMESE ASINDIAN인도어
 AYMARA AYAMERINDIAN 
 AZERBAIJANI AZTURKIC/ALTAIC터키/알타이어
BBASHKIR BATURKIC/ALTAIC터키/알타이어
 BASQUE바스큐어EUBASQUE바스큐어(스페인계)
 BENGALI;BANGLA벵갈어BNINDIAN인도어
 BHUTANI부탄어DZASIAN아시아어
 BIHARI BHINDIAN인도어
 BISLAMA BI[not given]미분류
 BRETON BRCELTIC셀틱어(인도-유럽어계)
 BULGARIAN불가리아어BGSLAVIC슬라브어
 BURMESE버마어MYASIAN아시아어
 BYELORUSSIAN BESLAVIC슬라브어
CCAMBODIAN캄보디아어KMASIAN아시아어
 CATALAN카탈리아어CAROMANCE로만스어
 CHINESE중국어ZHASIAN아시아어
 CORSICAN COROMANCE로만스어
 CROATIAN크로아티아어HRSLAVIC슬라브어
 CZECH체코어CSSLAVIC슬라브어
DDANISH덴마크어DAGERMANIC게르만어
 DUTCH네델란드어NLGERMANIC게르만어
EENGLISH영어ENGERMANIC게르만어
 ESPERANTO에스페란또EOINTERNATIONAL AUX.국제어
 ESTONIAN에스토니아어ETFINNO-UGRIC피노-우그릭어
(동북유럽에서 시베리아)
FFAROESE FOGERMANIC게르만어
 FIJI피지어FJOCEANIC/INDONESIAN호주/인도네시아어
 FINNISH핀랜드어FIFINNO-UGRIC피노-우그릭어
(동북유럽에서 시베리아)
 FRENCH불어FRROMANCE로만스어
 FRISIAN FYGERMANIC게르만어
GGALICIAN GLROMANCE로만스어
 GEORGIAN KAIBERO-CAUCASIAN이베리아-코카시안어
 GERMAN독일어DEGERMANIC게르만어
 GREEK그리스어ELLATIN/GREEK라틴/그리스어
 GREENLANDIC그린랜드어KLESKIMO에스키모어
 GUARANI GNAMERINDIAN 
 GUJARATI GUINDIAN인도어
HHAUSA HANEGRO-AFRICAN아프리카 흑인어
 HEBREW희랍어HESEMITIC쎔족언어
 HINDI힌두어HIINDIAN인도어
 HUNGARIAN항가리어HUFINNO-UGRIC피노-우그릭어
(동북유럽에서 시베리아)
IICELANDIC아이스랜드어ISGERMANIC게르만어
 INDONESIAN인도네시아어IDOCEANIC/INDONESIAN호주/인도네시아어
 INTERLINGUA IAINTERNATIONAL AUX.국제어
 INTERLINGUE IEINTERNATIONAL AUX.국제어
 INUKTITUT IU[] 
 INUPIAK IKESKIMO에스키모어
 IRISH아이랜드어GACELTIC셀틱어(인도-유럽어계)
 ITALIAN이태리어ITROMANCE로만스어
JJAPANESE일본어JAASIAN아시아어
 JAVANESE자바어JVOCEANIC/INDONESIAN호주/인도네시아어
KKANNADA KNDRAVIDIAN드라빗어(남부인도지역)
 KASHMIRI카쉬미르어KSINDIAN인도어
 KAZAKH카자크어KKTURKIC/ALTAIC터키/알타이어
 KINYARWANDA RWNEGRO-AFRICAN아프리카 흑인어
 KIRGHIZ KYTURKIC/ALTAIC터키/알타이어
 KURUNDI RNNEGRO-AFRICAN아프리카 흑인어
 KOREAN한국어KOASIAN아시아어
 KURDISH KUIRANIAN이란어
LLAOTHIAN라오타이어LOASIAN아시아어
 LATIN라틴어LALATIN/GREEK라틴/그리스어
 LATVIAN;LETTISH라트비아어LVBALTIC발틱어
 LINGALA LNNEGRO-AFRICAN아프리카 흑인어
 LITHUANIAN리투아니아어LTBALTIC발틱어
MMACEDONIAN마케도니아어MKSLAVIC슬라브어
 MALAGASY말라가시어MGOCEANIC/INDONESIAN호주/인도네시아어
 MALAY말레이어MSOCEANIC/INDONESIAN호주/인도네시아어
 MALAYALAM MLDRAVIDIAN드라빗어(남부인도지역)
 MALTESE말타어MTSEMITIC쎔족언어
 MAORI MIOCEANIC/INDONESIAN호주/인도네시아어
 MARATHI MRINDIAN인도어
 MOLDAVIAN몰다비아어MOROMANCE로만스어
 MONGOLIAN몽고어MN[not given]미분류
NNAURU NA[not given]미분류
 NEPALI네팔어NEINDIAN인도어
 NORWEGIAN놀웨이어NOGERMANIC게르만어
OOCCITAN OCROMANCE로만스어
 ORIYA ORINDIAN인도어
PPASHTO;PUSHTO PSIRANIAN이란어
 PERSIAN (farsi)페르샤어FAIRANIAN이란어
 POLISH폴랜드어PLSLAVIC슬라브어
 PORTUGUESE폴튜갈어PTROMANCE로만스어
 PUNJABI PAINDIAN인도어
QQUECHUA QUAMERINDIAN 
R RHAETO-ROMANCE RMROMANCE로만스어
 ROMANIAN루마니아어ROROMANCE로만스어
 RUSSIAN러시아어RUSLAVIC슬라브어
SSAMOAN사모아어SMOCEANIC/INDONESIAN호주/인도네시아어
 SANGHO SGNEGRO-AFRICAN아프리카 흑인어
 SANSKRIT SAINDIAN인도어
 SCOTS GAELIC GDCELTIC셀틱어(인도-유럽어계)
 SERBIAN세르비아어SRSLAVIC슬라브어
 SERBO-CROATIAN세르비아-크로아타아어SHSLAVIC슬라브어
 SESOTHO STNEGRO-AFRICAN아프리카 흑인어
 SETSWANA TNNEGRO-AFRICAN아프리카 흑인어
 SHONA SNNEGRO-AFRICAN아프리카 흑인어
 SINDHI SDINDIAN인도어
 SINGHALESE SIINDIAN인도어
 SISWATI SSNEGRO-AFRICAN아프리카 흑인어
 SLOVAK슬로바키아어SKSLAVIC슬라브어
 SLOVENIAN슬로베니아어SLSLAVIC슬라브어
 SOMALI소말리아어SOHAMITIC햄족언어
 SPANISH스페인어ESROMANCE로만스어
 SUNDANESE SUOCEANIC/INDONESIAN호주/인도네시아어
 SWAHILI SWNEGRO-AFRICAN아프리카 흑인어
 SWEDISH스웨덴어;SVGERMANIC게르만어
TTAGALOG TLOCEANIC/INDONESIAN호주/인도네시아어
 TAJIK TGIRANIAN이란어
 TAMIL TADRAVIDIAN드라빗어(남부인도지역)
 TATAR타타르어TTTURKIC/ALTAIC터키/알타이어
 TELUGU TEDRAVIDIAN드라빗어(남부인도지역)
 THAI타이(태국)어THASIAN아시아어
 TIBETAN티베트어BOASIAN아시아어
 TIGRINYA TISEMITIC쎔족언어
 TONGA TOOCEANIC/INDONESIAN호주/인도네시아어
 TSONGA TSNEGRO-AFRICAN아프리카 흑인어
 TURKISH터키어TRTURKIC/ALTAIC터키/알타이어
 TURKMEN TKTURKIC/ALTAIC터키/알타이어
 TWI TWNEGRO-AFRICAN아프리카 흑인어
UUIGUR UG[] 
 UKRAINIAN우크라이나어UKSLAVIC슬라브어
 URDU URINDIAN인도어
 UZBEK우즈베크어UZTURKIC/ALTAIC터키/알타이어
VVIETNAMESE베트남어VIASIAN아시아어
 VOLAPUK VOINTERNATIONAL AUX.국제어
WWELSH CYCELTIC셀틱어(인도-유럽어계)
 WOLOF WONEGRO-AFRICAN아프리카 흑인어
XXHOSA XHNEGRO-AFRICAN아프리카 흑인어
YYIDDISH YIGERMANIC게르만어
 YORUBA YONEGRO-AFRICAN아프리카 흑인어
ZZHUANG ZA[] 
 ZULU줄루어ZUNEGRO-AFRICAN아프리카 흑인어

http://trio.co.kr/webrefer/others/langabc.html

And

네이버 스마트에디터, 다음 오픈에디터

|

지금 현재 내가 쓰고 있는 에디터는 스마트에디터이다.

그런데 다국어가 필요해서 검색을 하다가 다음 오픈에디터를 발견했다.

그래서 데모를 보니 스마트보다 괜찮아보이네?

재빨리 적용해봐야지.

네이버 스마트에디터 http://dev.naver.com/projects/smarteditor
데모 http://dev.naver.com/projects/smarteditor/wiki/SmartEditorBasicUserInterfacePreview

다음 에디터 http://code.google.com/p/daumopeneditor/
데모 http://uie.daum.net/openeditor/sample/1.5.1/editor.html

And

HTML 특수문자코드표

|

표현문자

숫자표현

문자표현

설명

-

�-

-

사용하지 않음

space

	

-

수평탭

space




-

줄 삽입

-

-

-

사용하지 않음

space

 

-

여백

!

!

-

느낌표

"

"

"

따옴표

#

#

-

숫자기호

$

$

-

달러

%

%

-

백분율 기호

&

&

&

Ampersand

'

'

-

작은 따옴표

(

(

-

왼쪽 괄호

)

)

-

오른쪽 괄호

*

*

-

아스트릭

+

+

-

더하기 기호

,

,

-

쉼표

-

-

-

Hyphen

.

.

-

마침표

/

/

-

Solidus (slash)

0 - 9

0-9

-

0부터 9까지

:

:

-

콜론

;

&#59;

-

세미콜론

<

&#60;

&lt;

보다 작은

=

&#61;

-

등호

>

&#62;

&gt;

보다 큰

?

&#63;

-

물음표

@

&#64;

-

Commercial at

A - Z

&#65;-&#90;

-

A부터 Z까지

[

&#91;

-

왼쪽 대괄호

\

&#92;

-

역슬래쉬

]

&#93;

-

오른쪽 대괄호

^

&#94;

-

탈자부호

_

&#95;

-

수평선

`

&#96;

-

Acute accent

a - z

&#97;-&#122;

-

a부터 z까지

{

&#123;

-

왼쪽 중괄호

|

&#124;

-

수직선

}

&#125;

-

오른쪽 중괄호

~

&#126;

-

꼬리표

-

&#127;-&#159;

-

사용하지 않음

공백

&#160;

&nbsp;

Non-breaking space

¡

&#161;

&iexcl;

거꾸로된 느낌표

&#162;

&cent;

센트 기호

&#163;

&pound;

파운드

¤

&#164;

&curren;

현재 환율

&#165;

&yen;

|

&#166;

&brvbar;

끊어진 수직선

§

&#167;

&sect;

섹션 기호

¨

&#168;

&uml;

움라우트

&#169;

&copy;

저작권

ª

&#170;

&ordf;

Feminine ordinal

&#171;

&laquo;

왼쪽 꺾인 괄호

&#172;

&not;

부정

­

&#173;

&shy;

Soft hyphen

?

&#174;

&reg;

등록상표

&hibar;

&#175;

&macr;

Macron accent

°

&#176;

&deg;

Degree sign

±

&#177;

&plusmn;

Plus or minus

²

&#178;

&sup2;

Superscript two

³

&#179;

&sup3;

Superscript three

´

&#180;

&acute;

Acute accent

μ

&#181;

&micro;

Micro sign (Mu)

&#182;

&para;

문단기호

·

&#183;

&middot;

Middle dot

¸

&#184;

&cedil;

Cedilla

¹

&#185;

&sup1;

Superscript one

º

&#186;

&ordm;

Masculine ordinal

&#187;

&raquo;

오른쪽 꺾인 괄호

¼

&#188;

&frac14;

4분의 1

½

&#189;

&frac12;

2분의 1

¾

&#190;

&frac34;

4분의 3

¿

&#191;

&iquest;

거꾸로된 물음표

A

&#192;

&Agrave;

Capital A, grave accent

A

&#193;

&Aacute;

Capital A, acute accent

A

&#194;

&Acirc;

Capital A, circumflex accent

A

&#195;

&Atilde;

Capital A, tilde

A

&#196;

&Auml;

Capital A, dieresis or umlaut mark

A

&#197;

&Aring;

Capital A, ring (Angstrom)

Æ

&#198;

&AElig;

Capital AE diphthong (ligature)

C

&#199;

&Ccedil;

Capital C, cedilla

E

&#200;

&Egrave;

Capital E, grave accent

E

&#201;

&Eacute;

Capital E, acute accent

E

&#202;

&Ecirc;

Capital E, circumflex accent

E

&#203;

&Euml;

Capital E, dieresis or umlaut mark

I

&#204;

&Igrave;

Capital I, grave accent

I

&#205;

&Iacute;

Capital I, acute accent

I

&#206;

&Icirc;

Capital I, circumflex accent

I

&#207;

&Iuml;

Capital I, dieresis or umlaut mark

Ð

&#208;

&ETH;

Capital Eth, Icelandic

N

&#209;

&Ntilde;

Capital N, tilde

O

&#210;

&Ograve;

Capital O, grave accent

O

&#211;

&Oacute;

Capital O, acute accent

O

&#212;

&Ocirc;

Capital O, circumflex accent

O

&#213;

&Otilde;

Capital O, tilde

O

&#214;

&Ouml;

Capital O, dieresis or umlaut mark

×

&#215;

&times;

Multiply sign

Ø

&#216;

&Oslash;

width="130"Capital O, slash

U

&#217;

&Ugrave;

Capital U, grave accent

U

&#218;

&Uacute;

Capital U, acute accent

U

&#219;

&Ucirc;

Capital U, circumflex accent

U

&#220;

&Uuml;

Capital U, dieresis or umlaut mark

Y

&#221;

&Yacute;

Capital Y, acute accent

Þ

&#222;

&THORN;

Capital Thorn, Icelandic

ß

&#223;

&szlig;

Small sharp s, German (sz ligature)

a

&#224;

&agrave;

Small a, grave accent

a

&#225;

&aacute;

Small a, acute accent

a

&#226;

&acirc;

Small a, circumflex accent

a

&#227;

&atilde;

Small a, tilde

a

&#228;

&auml;

Small a, dieresis or umlaut mark

a

&#229;

&aring;

Small a, ring

æ

&#230;

&aelig;

Small ae diphthong (ligature)

c

&#231;

&ccedil;

Small c, cedilla

e

&#232;

&egrave;

Small e, grave accent

e

&#233;

&eacute;

Small e, acute accent

e

&#234;

&ecirc;

Small e, circumflex accent

e

&#235;

&euml;

Small e, dieresis or umlaut mark

i

&#236;

&igrave;

Small i, grave accent

i

&#237;

&iacute;

Small i, acute accent

i

&#238;

&icirc;

Small i, circumflex accent

i

&#239;

&iuml;

Small i, dieresis or umlaut mark

ð

&#240;

&eth;

Small eth, Icelandic

n

&#241;

&ntilde;

Small n, tilde

o

&#242;

&ograve;

Small o, grave accent

o

&#243;

&oacute;

Small o, acute accent

o

&#244;

&ocirc;

Small o, circumflex accent

o

&#245;

&otilde;

Small o, tilde

o

&#246;

&ouml;

Small o, dieresis or umlaut mark

÷

&#247;

&divide;

Division sign

ø

&#248;

&oslash;

Small o, slash

u

&#249;

&ugrave;

Small u, grave accent

u

&#250;

&uacute;

Small u, acute accent

u

&#251;

&ucirc;

Small u, circumflex accent

u

&#252;

&uuml;

Small u, dieresis or umlaut mark

y

&#253;

&yacute;

Small y, acute accent

þ

&#254;

&thorn;

Small thorn, Icelandic

y

&#255;

&yuml;

Small y, dieresis or umlaut mark


And

[펌] [CSS] IE6리하 PNG 투명값처리 소스들..

|
1) IEPNGFix (http://www.twinhelix.com/css/iepngfix/ )
  다운로드->>http://www.twinhelix.com/css/iepngfix/iepngfix.zip
다운로드
blank.gif와 iepngfix.htc파일을 원하는경로에 놔둡니다.(단 blank.gif 경로에따라 iepngfix.htc에서 경로바꿔야 하는듯)
CSS에 behavior: url(iepngfix.htc); 추가
문제점: 내부에 하이퍼링크(<a href~~~></a>)가 있는경우 IEPNGFix:Childeren of posioned element are unclickable이라고 에러가뜸
1.다운로드
1.다운로드
여제
TAG
<ul id="test"><li><a href="#">sdsd</a></li></ul>
CSS
 #test{ position:relative; left:100px; top:100px; behavior: url(iepngfix.htc); background: #fcc url(image/pic.png) no-repeat 0 0;height:250px; width:250px;}

2)unit-png-fix (http://labs.unitinteractive.com/unitpngfix.php)
 다운로드->>http://labs.unitinteractive.com/downloads/unitpngfix.zip
다운로드
clear.gif와 unitpngfix.js파일을 원하는경로에 놔둡니다.(역시 clear.gif ,unitpngfix.js 경로지정 주의)
태그에<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->추가
문제점: CSS의 포지션지정,z-index 증 몇몇이 안먹힘 불가.....
예제
<head>
<title>무제 문서</title>
<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
<style type="text/css">
#test{ position:relative; left:100px; top:100px; background: #fcc url(image/05mainnavi.png) no-repeat 0 0;height:250px; 
</style>
 </head>

<body>
<ul id="test"><li><a href="#">sdsd</a></li></ul>
</body>

3)DD_belatedPNG.fix(http://www.dillerdesign.com/experiment/DD_belatedPNG/) 
다운로드->>http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.7a.js
다운로드
clear.gif와 unitpngfix.js파일을 원하는경로에 놔둡니다.(역시 clear.gif ,unitpngfix.js 경로지정 주의)
html에<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('#test')
</script>
<![endif]--> 가
위예제 #test와 같이 사용할한 선택자(id 또는 class 또는 tag)를 지정
문제점: 몇몇에 태그에 먹히지않음 body,tr,td,input
예제
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('#test');
</script>
<![endif]--> 
</head>
<style type="text/css">
#wrap{ position:relative;}
#test{ position:relative; left:100px; top:100px; background: #fcc url(image/05mainnavi.png) no-repeat 0 0;height:250px; width:250px;}
</style>
<body>
<div id="wrap">
<ul id="test"><li><a href="#">sdsd</a></li></ul>
</div>
</body>
단! 포지션 지정을 위해선 위와같이 바깥에 하나더 감싸줄 필요가 있슴..위 예제는 #test에 #wrap로 감싸준것.

CSS와 알파값을 제대로 사용하기위한 몇몇 방법이였습니다.. 그나마 마지막이 CSS지정을 거의 다할수 있는데 각기 여러문제가 많군요. 다른좋은 방법이 있다면 좋은데..불필요한 마크업이 들어가는건 어쩔수 없는것인지 ㅠㅠ

[출처] IE6리하 PNG 투명값처리 소스들.. (웹디들의커뮤니티카페 :: Dom FAM ::) |작성자 샷타이거



And

[펌][CSS] PNG 포멧 용법

|

CSS/JS

가장 많이 알려져 있는 방법으로 인터넷 익스플로어의 필터속성을 이용하여 png의 투명/반투명 효과를 만들어준다. 자바스크립트로 작성된 png를 투명하게 처리해주는 스크립트를 작성하고, 이를 stylesheet에서 호출하는 방식이다. 하지만 이 방법의 경우 IMG Element에서만 적용할수 있다는 단점이 있고, 투명 배경 처리를 위해서는 .bgIE6과 같이 별도의 스타일을 지정해줘야 한다. 

Stylesheet
.png24 { tmp:expression(setPng24(this)); }

Javascript
function setPng24(obj)
{
  obj.width = obj.height = 1;
  obj.className = obj.className.replace(/\bpng24\b/i,'');
  obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
  obj.src = '';
  return '';
}

배경처리를 위한 추가코드

IE6에서 투명 배경을 처리하기 위해서는 아래와 같이 style문서안에 IE6을 위한 별도의 스타일을 지정하거나, HTML문서 Head Element안에 Hack을 이용한 방법으로 처리해야 한다.

방법1

.bg { width: 114px; height: 60px; background: url('img_logo.png') no-repeat 0 0; }
* html .bg { background-image : none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img_logo.png',sizingMethod='scale'); }

위 방법은 .bg에서 png배경을 기본값으로 배경에 설정한 것이고, 다시 * html 핵을 사용해서 IE6에만 배경을 재설정한 것이다.

방법2

<head>
<!--[if IE]>
<style type="text/css">
.bg {
  background-image : none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img_logo.png',sizingMethod='scale');
}
</style>
<![endif]-->
</head>

위 방법은 스타일 문서에 정의하지 않고, HTML문서 내에 직접 작성할때 사용하는 것으로, <--[if IE]> 와 <![endif]-->를 이용한 핵을 사용한다.

HTC

Stylesheet
.iePngFix {behavior:url(iepngfix.htc);}

HTC

이 방법은 twinhelix에서 확인해볼수 있는 방법인데 이미지 앨리먼트와 배경을 동시에 처리할 수 있고, 스타일 문서에 별도의 핵을 사용하지 않아도 된다. 아울러 IE5.5 이상의 익스플로어에서 적용 가능하여, 위의 방법보다는 권장할 수 있는 방법이라고 생각됩니다. 또한, 애플등의 사이트에서도 적용하여 사용하는 것으로 보아 심각한 문제를 일으키지는 않는것으로 보입니다.(나라디자인 참조 문서 확인)

<public:component>
<public:attach event="onpropertychange" onevent="doFix()" />

<script type="text/javascript">
// IE5.5+ PNG Alpha Fix v1.0RC4
// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
// This must be a path to a blank image. That's all the configuration you need.

if (typeof blankImg == 'undefined') var blankImg = 'blank.gif'; // 1x1px 짜리 투명 이미지(blank.gif)의 경로를 변경.
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';

function filt(s, m)
{
 if (filters[f])
 {
  filters[f].enabled = s ? true : false;
  if (s) with (filters[f]) { src = s; sizingMethod = m }
 }
 else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
}

function doFix()
{
 // Assume IE7 is OK.
 if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
  (event && !/(background|src)/.test(event.propertyName))) return;

 var bgImg = currentStyle.backgroundImage || style.backgroundImage;

 if (tagName == 'IMG')
 {
  if ((/\.png$/i).test(src))
  {
  if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
  style.width = offsetWidth + 'px';
  filt(src, 'scale');
// 'scale' 을 'image' 으로 변경하면 padding 적용시 나타나는 이미지 크기의 변화(잘못된 렌더링)를 방지할 수 있다. 하지만 border 표현에 문제가 생긴다.
  src = blankImg;
  }
  else if (src.indexOf(blankImg) < 0) filt();
 }
 else if (bgImg && bgImg != 'none')
 {
  if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
  {
  var s = RegExp.$1;
  if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
  style.width = offsetWidth + 'px';
  style.backgroundImage = 'none';
  filt(s, 'crop');
  // IE link fix.
  for (var n = 0; n < childNodes.length; n++)
  if (childNodes[n].style) childNodes[n].style.position = 'relative';
  }
  else filt();
 }
}

doFix();

</script>
</public:component>

참고링크

본 내용은 이미 인터넷에 여러번 올라온 내용을 재탕하고자 한 것은 아니고, 제가 참여하는 스터디모임에서 사용할 목적으로 작성된 것입니다. png의 개념과 HTC사용과 관련한 문제와 설명은 아래 나라디자인에서 한번더 확인해보시면 좋을것 같습니다.



And
prev | 1 | 2 | 3 | next