갤러리 리스트의 썸네일에 투명도 효과를 주고 싶습니다
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>";
이렇게 했는데
이미지에 반응이 없어요
고수님들 도와주세요~~
$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개
11년 전
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)";
}
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)";
}
11년 전
너무 너무 감사합니다... ^^
11년 전
onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" 는
onmouseover=\"this.className='img_over'\" onmouseout=\"this.className=''img_out"
로 바꾸시면 됩니다~
onmouseover=\"this.className='img_over'\" onmouseout=\"this.className=''img_out"
로 바꾸시면 됩니다~
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기