묻고답하기

  2. Support
  3. 묻고답하기

IE에서 투명도 설정에 대해 문제가 발생합니다

2010.01.30 17:27

Hide_D

다음과 같은 코드를 작성했습니다.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>
    <script type="text/javascript" src="jquery.js"></script>
<style>
html,body{margin:0;padding:0;width:100%;height:100%;}
body{background:url('img/bg1.jpg') center;}
div{margin:0;padding:0;position:absolute;}

#bg_space{width:100%;height:100%;display:none;}
#Content{width:100%;height:100%;}

.memo{width:25%;height:25%;background:url('img/Lines.png') repeat;}
#memo1{top:25%;left:15%; display:none;}
#memo2{top:25%;left:40%;}
</style>
<script type="text/javascript">
jQuery(function(){
    setTimeout(function(){
        jQuery("#bg_space").css("background","url('img/bg2.jpg') center").fadeIn(5000,function(){
            jQuery("body").css("background","url('img/bg2.jpg') center");
            jQuery("#bg_space").hide();
        });
        jQuery("#memo1").fadeIn(5000);
        jQuery("#memo2").fadeOut(5000);
    },1000);
});
</script>
</head>
<body>
<div id="bg_space"></div>
<div id="Content">
    <div id="memo1" class="memo">히히힣?</div>
    <div id="memo2" class="memo">후후훗?</div>
</div>
</body>
</html>


제가 하려는 작업을 축소해놓은 버전입니다.

여기서는 자동으로 작동하지만 실제로는 버튼을 누를때 작동한다는 차이는 있지만 내부의 차이는 없습니다.


1. 배경 페이드

   배경을 유지하기 위해서 #bg_space를 따로 두고 이것을 서서히 나타나게 한다음, 다 나타나면 body를 변경하고

   #bg_space를 숨기도록 했습니다.

2. 객체 전환

   객체1을 보이고 있다가 객체2로 서서히 전환합니다. 둘은 겹쳐있지 않습니다.


이렇게 나온 결과물이 위의 코드인데,

파이어폭스, 크롬에선 잘 작동하는데

IE에서 문제입니다.


IE6은 애초에 png 자체가 맛이 갔으니 제대로 돌아가지도 않으니 그렇다 치고

문제는 IE8에서 이렇게 나옵니다.


ie8.jpg 

변경 되는 순간 IE8에선 '까맣게' 변해버리면서 투명이 적용되기 시작합니다.

원인을 모르겠습니다 -_-;;;

png 때문인지도 모르겠다는 생각은 듭니다만....


어떻게 고쳐야 좋을까요?

아니면

위의 방법 말고 비슷하게 이걸 구현할 수 있는 방법이 있을까요?


PS : 실제 파일 첨부합니다


이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
돌풍 Fatal error file  
souffle [질문]혹시 제로보드 영문판이 따로 있는지요..? [6] 2008.11.21 by 토리세상
참악동 이런 식으로 구성 하려면 어찌 해야 하나요? [4] file 2008.11.01 by 참악동
QT [회원가입 폼] 정보 기입 쉽게 안돼요.  
이수형639 로고 이미지가 보이고 안보이고 이상해요 ㅠㅠ 고수님들 봐주세요 [2] 2008.11.01 by 이수형639
행운아 제로보드 저작권 표시부분 감추는 방법 없나요 [2] 2008.11.01 by 행운아
PPoZZak ''이 댓글을...'' 이거 삭제하고픈데요 [2] file 2008.11.01 by PPoZZak
박성우167 스킨을 업테이트했는데 이런 메세지가 떠요 [2] 2008.11.01 by 성우
&d 게시판 상단 내용 글색상 변경 [2] file 2008.11.01 by &d
오타왕자 첨부화일 클릭오류 관련 질문드립니다. [2] 2008.11.01 by 일등고구마
싱하형 매뉴판 대실종 [2] 2008.11.01 by 싱하형
아스다 해당 게시판 관리자의 권한에 대한 질문 [1] 2008.11.01 by 백성찬
느까끼 작성자와 관리자만 본문내용보기 [2] 2008.11.01 by 느까끼
테사카 XE 아이디어 제안에 글이 안써저요! file  
천원 로그인유지 버튼 없애려면 어떻게 하나요? [3] file 2008.11.01 by 천원
RSSS 관리자 페이지 로그인하면 로그인 창으로 다시 떠요 [1] 2008.11.01 by Gnee
가랑바람 외부페이지 삭제하는 법 좀 알려주세요. [5] 2008.11.01 by 늘그막에
조인트 스킨적용문제요..ㅠㅠ  
조인트 스킨적용문제요..ㅠㅠ [3] 2008.11.01 by 우리아기
&d 검정 스킨에서 글자 색 변경 [2] file 2008.11.01 by &d
태그 쓰기