2009-03-09 2 views
1

Z- 인덱스가 10 인 상대적 위치 지정 div 안에 투명 배경이 포함 된 플래시 헤더가 있습니다. 그 결과로 투명한 windowmode가있는 Flash 동영상이 겹쳐져 표시됩니다 HTML 콘텐츠 불행히도 보이지 않는 플래시 아래에있는 HTML은 액세스 할 수 없습니다. 예를 들어 앵커가 작동하지 않습니다. example can be found here. 앵커 링크의 맨 위가 어떻게 호버 상태를 활성화하지 않는지주의하십시오. 이전에 HTML 내용이 겹쳐진 Flash 롤오버를 보았지만 HTML은 여전히 ​​정상적으로 작동했습니다 ... 내가 뭘 잘못하고 있니?겹쳐진 플래시 아래에서 HTML을 액세스하는 방법

답변

1

내가 아는 한, 이것을 막을 방법이 없습니다. 겹치는 투명 이미지와 플래시는 픽셀 단위의 클릭 연결을 수행 할 방법이 없습니다. 두 가지 옵션을 사용하여 전체 사이트를 플래시로 만들거나 HTML로 창의적으로 만들 수 있습니다.

예를 들어, "장비"버튼을 두 부분으로 나눌 수 있습니다. 플래시 헤더보다 z- 색인이 낮은 기본 이미지와 <a> 태그에 더 높은 Z- 색인을 부여하여 링크의 실제 클릭 가능 영역이 다른 모든 요소보다 눈에 띄지 않도록합니다.

는 고려 몇 가지를 수행해야합니다 이렇게하려면 다음을 수행

  • <div> 이미지 주택에 대한 책임, 당신은 <img> 또는 background-image 스타일을 사용할 수 있습니다.
  • <div><a> 태그 별개이어야 용기 내에 중첩되지
  • <div><a>가 동일한 높이 여야 폭 및 높이를 특정 할 수 있도록 <a>display:block;와 스타일해야 당신은 아마 그들이 제대로 나는 당신의 방법에 따라 가정입니다
+0

중복 얻을 절대 위치를 사용하는 것이 좋습니다

  • 폭 나는 CSS 배경을 넣을 수 div의 앵커 대신 이미지. 그런 다음 jQuery를 사용하여 앵커가 놓인 div의 CSS 배경 이미지를 변경할 수 있습니다. –

  • +0

    정확합니다. html 태그가 깨끗한 상태로 나오지 않을 수 있으므로 가장 좋은 해결책은 아니지만 href 태그에 제목을 설정해야합니다. – Soviut

    관련 문제