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개
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)";
}
게시글 목록
| 번호 | 제목 |
|---|---|
| 284438 | |
| 284437 | |
| 284435 | |
| 284430 | |
| 284420 | |
| 284417 | |
| 284409 | |
| 284401 | |
| 284399 | |
| 284397 | |
| 284380 | |
| 284378 | |
| 284371 | |
| 284370 | |
| 284366 | |
| 284364 | |
| 284360 | |
| 284357 | |
| 284355 | |
| 284354 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기