인터넷 익스플로러 11 강제 업데이트 이후
본문
처음으로 질문을 합니다
정말 초짜중에 초짜입니다
현재 회사에서 디자인부분만 맡고 있고 프로그래밍 거의 모릅니다 ㅠㅠ
하지만 개발자가 떠나간 마당에 하나하나 공부하며 알아가고 있습니다
얼마전부터 큰일이 일어나서 질문올립니다
환경 = 그누보드4 + 영카트4 버전
---상황은 이렇습니다---
* 윈도우 강제 업데이트이후 익스플로러11 설치됨
* 익스플로러11으로 다른사이트에서의 문제점 거의 보이지 않음
* 자사 홈페이지 들어가짐...
* 플래시 + 이미지 모두 보이며 클릭됨
* body(본문) 2/3 지점부터 이미지 및 텍스트 클릭안됨
* 5대 브라우저 (사파리,크롬,오페라,익스,파이어폭스) 전부 같은 증상임
* 다시 익스10버전으로 다운그레이드 함
* 익스플로러에서 정상 작동함(클릭 등등)
* 타브라우저 먹통증상 해결안됨
* 프로세스,바이러스 등등 확인해봄... 증상과 연결고리 없음
질문 1. 저희 홈피만 이러므로 이것이 코딩의 문제인제 업뎃의 문제인지 모르겠습니다
질문 2. 혹시 저와같은 먹통증상을 겪으신분 없으신가요?
질문 3. 그누보드를 차근차근 배우려는데 머리속 정리가 되질 않습니다 어디부터 해야할까요?
(현재 제상태가 html,css,자바,php 가 다른언어고 코딩된것을 자세히 보다보면 아~ 하는 단계입니다 ㅠㅠ)
답변 5
사이트 주소를 링크해 보세요.
크로스 브라이징이 안되어서 그래요.
리뉴얼 하세요.
리뉴얼 하세요.
위의 플래시 영역 때문에 그런 문제가 일어나는겁니다.
해당 코드를 보면
<div style="position:absolute; width:1000px; height:500px; left:50%; margin-left:-500px; margin-top:-315;">
<script>doc_write(flash_movie('../fl/tail_ufd.swf', 'flashID', '1000', '500', 'transparent'));</script><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1000" height="500" id="flashID"><param name="wmode" value="transparent"><param name="movie" value="../fl/tail_ufd.swf"><param name="quality" value="high"><embed src="../fl/tail_ufd.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash" width="1000" height="500"></object>
</div>
위 코드의 문제점은 height를 500px 차지하고 있기 때문에, 그 안의 영역을 클릭할수가 없는거에요.
이를 해결하려면 2가지 방법이 있습니다.
1. 플래시를 제거하고 순수 html 웹표준으로 다시 코드를 짠다.
2. 플래시로 자바스크립트를 제어할수 있도록 액션 스크립트와 자바스크립트 코드를 다시 짠다.
2번의 경우 ) 플래시버튼을 눌러 슬라이드업 된 상태일때는 height값이 500px로 조정, 슬라이드다운이 된 상태일때는 height값을 50px 정도로 줄임. margin-top값도 조절해야 함.
현재 추세를 볼때 1번 방법을 추천합니다.
thisgun 님 답변처럼 해당 코드 때문에 그런거구요~
하단에 있는 화살표 모양을 이미지로 만들고 플래시는 슬라이드 효과 안나오게 한 다음 아래처럼 해보세요
jquery 를 다룰 줄 안다는 가정하에 간단하게 적었습니다.
하단에 있는 화살표 모양을 이미지로 만들고 플래시는 슬라이드 효과 안나오게 한 다음 아래처럼 해보세요
jquery 를 다룰 줄 안다는 가정하에 간단하게 적었습니다.
<div style="position:absolute; width:1000px; height:50px; left:50%; margin-left:-500px;">
<img src="열기 화살표 이미지" id="view_bottom_flash">
</div>
<div id="bottom_flash" style="display:none; position:absolute; width:1000px; height:500px; left:50%; margin-left:-500px; margin-top:545;">
<img src="닫기 화살표 이미지" id="close_bottom_flash">
<script>doc_write(flash_movie('./fl/tail_ufd.swf', 'flashID', '1000', '500', 'transparent'));</script>
</div>
<script type="text/javascript">
$("#view_bottom_flash")click(function(){
$("#bottom_flash").show();
});
$("#close_bottom_flash")click(function(){
$("#bottom_flash").hide();
});
</script>
이건 뭐 꼼수구요.. thisgun님 답변 1번방법 추천합니다.
답변주신 분들 정말 감사합니다
덕분에 잘 해결되었습니다
답변을 작성하시기 전에 로그인 해주세요.
