테스트 사이트 - 개발 중인 베타 버전입니다

갤러리 리스트의 썸네일에 투명도 효과를 주고 싶습니다

· 11년 전 · 2904 · 3
if (file_exists($thumbs))
$img = "<img src='$thumbs' onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" border=0 align=absmiddle>";


.........


echo "<tr><td valign=middle align=center><a href='{$list[$i][href]}'>$img</a></td></tr>";


이렇게 했는데

이미지에 반응이 없어요

고수님들 도와주세요~~

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

ie는 버전에 따라 opacity 적용방법이 다릅니다~
filter: alpha(opacity=50); 는 ie8 이전버전에 적용되구요
ie8 은 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 요렇게 해야 됩니다.

스타일로 만들어서 적용해보세요~
마우스 오버,아웃시 클래스 변경하시면 됩니다.

.img_over {
opacity:0 .5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.img_out {
opacity:1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
너무 너무 감사합니다... ^^
onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" 는

onmouseover=\"this.className='img_over'\" onmouseout=\"this.className=''img_out"
로 바꾸시면 됩니다~

게시글 목록

번호 제목
284172
284170
284167
284164
284161
284159
284155
284152
284151
284148
284142
284141
284137
284136
284135
284127
284121
284120
284116
284115