phororya

opacity
opacity:0.5; /* 모던브라우저  */
filter:Alpha(opacity=60); /* 기존ie but ie8에서 인식불가 */
-ms-filter: "alpha(opacity=50)";  /*  IE8 only */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6, IE7, IE8 */
-ms-filter:progid:"DXImageTransform.Microsoft.Alpha(opacity=60)"; /*  IE8 only */


box-shadow
box-shadow:10px 10px 10px silver;
-moz-box-shadow:10px 10px 10px silver;
-webkit-box-shadow:10px 10px 10px silver;
filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, direction=135, strength=10); }


text-shadow
text-shadow:5px 5px 0 #ccc;
filter:progid:DXImageTransform.Microsoft.dropshadow(offX=5, offY=5, color=#cccccc, positive=true); display:inline-block; zoom;1; }


border-radius
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
behavior: url(ie-css3.htc);


background:gradient
background:#3eaf0e -webkit-gradient(liner, 0% 0%, 0% 100%, from(#3eaf0e), to(#fff));
background:#3eaf0e -moz-liner-gradient(top, #3eaf0e, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=progid:DXImageTransform.Microsoft.gradient(startColorStr=#3eaf0e, endColorStr=#ffffff);


ie-css3.htc
ie8 하위 브라우저에서 css3를 사용하기 위한 핵

.box {
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

관련정보 : http://fetchak.com/ie-css3/
문제해결 : http://support.microsoft.com/kb/306231/en-us?fr=1


ie filter 참고 사이트
http://www.javascriptkit.com/filters/filters.shtml


참고) -moz- 모질라, -o- 오페라, -ms- ie8, -webkit- 사파리/크롬,