플래시 레이어 문제
Aileen
IE6, 7과 이 잡것들을 만든 마소에 대한 분노로 맥북 프로를 지른 신입입니다;;;
기본적으로 플래시를 배제하고 작업중인데,
부득이하게 플래시를 넣어야 될 부분이 있더라구요.
그래서 넣었는데...
이게 또 부득이하게 플래시 영역과 사이드 쪽 div 영역이 겹치지 뭐예요.
플래시 오른쪽 부분이 80px 정도 되는 사이드 바를 가려요.
그러나 플래시의컨트롤 영역과 사이드 div의 컨트롤 영역이 겹치지는 않아서,
z-index로 해결하면 되겠다 싶었습니다.
서로 겹쳐도 각각의 컨트롤은 문제없을까, 싶었지만 일단 아래와 같이 해봤습니다.
!-- 플래시 삽입 태그 --
div id=content
object type=application/x-shockwave-flash data=show.swf width=800 height=500
param name=movie value=show.swf /
param name=wmode value=transparent /
/object
/div
/* CSS 설정 */
#content{float:left; width:867px; height:700px; position:relative; z-index:0;}
#side{float:left; margin-left:-77px; z-index:1;}
이렇게 해주고 확인을 했더니 IE8, IE9에서는 잘 보이고, 작동도 잘 하더군요. (크롬도 이상무)
그러나 IE6, IE7, 오페라, 파이어폭스에서는 플래시가 아예 안보여지네요.
여기까지 쓰다가 다시 한번 확인했더니, IE6, IE7도 이상없이 뜨네요. (읭?)
IETester로 확인한거라 확실히 믿을 수가 없는...;;;
어쨌든 오페라와 파이어폭스는 플래시가 안뜨고, 사이드 div의 버튼이 작동을 안합니다.
플래시가 보여지진 않지만 영역에는 영향을 미치는 듯 해요.
이래 저래 검색해서 다양하게 시도는 해보고 있지만...
별 차이가 없네요.
도와주세요~! ㅠㅠ
-
가루
IE 너무 미워하지 마세요^^;
지금와서는 안티MS세력이 웹표준을 주도하고 있는 (그게 그들의 이해관계에 부합되니까) 형국이라
MS가 악의축(?)처럼 인식되고는 있지만 그래도 우리들의 IT환경에 공헌도로 따지면 지구의 다른 그 어떤곳도 해내지 못한 일을 해온 회사입니다ㅎㅎ 저 마소 직원 아니구요. -
소
이런문제가 발생하신다면
우선 플래쉬부분은 삭제해주시고
border나 background를 이용하셔서
각각의 위치를 정확하게 확보하고있는지 확인하시는게 좋을거 같습니다.