Shadowbox.js가 내 선택 입력을 숨 깁니다.

Question

이 문제는 처음 사람이 될 수는 없지만 해결 방법을 찾지 못했습니다.

나는 가장 간단한 형태로 Shadowbox을 사용하고 있습니다. (드롭 다운 상자 예) 양식을에 내가 링크, 선택 모든 입력을 클릭하면 : 단지

Click <a href="myimage.png" rel="shadowbox">here</a> to view the image. 

이 잘 작동하지만 한 매우 이상한 부작용이 같은 링크가 포함 된 이미지 팝업을하고 내 페이지가 사라진다. Firebug를 조금만 들추면 <select> 태그에 visibility: hidden 태그를 부여하도록 CSS가 수정되고 있음을 알 수 있습니다. 이미지가 닫히면 입력이 다시 나타납니다.

놀랍지도 않은 일이지만, 이는 브라우저간에 일관되게 발생합니다.

입력이 모두 다시 나타나기 때문에 그대로 두어도됩니다. 그러나 (예를 들어) 이미지를로드 할 수없고 스크립트가이를 표시 할 수없는 경우 입력은 보이지 않습니다. 또한, 그것은 이상하게 보입니다. : D 또는 관련없는 수

다른 요인 :

• 내가 과거에 쉐도우와 거의 수행하고 잘 곤란하게 뭔가를 분명 누락 될 수 있습니다.
• 내 페이지와 그 양식은 CakePHP에 의해 생성됩니다.
• 이 페이지는 jQuery를 사용하고 Shadowbox는 jQuery 어댑터를 사용합니다.
• 사라지는 입력 은에 class 속성이 없습니다. 그들은 id CakePHP에 의해 생성 된 속성을 가지고 있지만,이 이름은 매우 내 응용 프로그램에 특정이며 매우 CSS 충돌을 일으킬 가능성이 있습니다.
• 는 지금까지 내가 말할 수있는, 선택 입력 모든는 사라지고없고, 다른 요소 입력을하거나, 페이지에 전혀 영향을받습니다. (입력과 관련된 심지어 라벨은 영향을받지 않습니다.)
• 버전 : 쉐도우 3.0.3, jQuery를 1.4.2, CakePHP는 1.3

Answer 1

이 가장 가능성이 쉐도우의 반 버그입니다. 일부 IE 버전에서는 윈도우 네이티브 컨트롤을 사용하여 렌더링되기 때문에 선택 태그가 숨겨져 있기 때문에 항상 Z- 인덱스가있는 다른 요소 위에 "위"로 나타납니다. 이것은 분명히 ShadowBox의 문제이므로 상자를 표시하는 동안 솔루션을 숨기는 것이 해결책입니다. Shadowbox는 문제가있는 브라우저에서만 분명히이를 수행해야하지만, 나는 항상 숨겨진 브라우저를 사용하는보다 일반적인 접근 방식을 취하고 있다고 생각합니다.