난 단지 사파리/Mac에서 이상한 일이 ... 입력 필드가 사라 - 사파리/맥은
내가 비디오, 플래시 또는 HTML 5를 내장 페이지를 만든 : 그렇지 않습니다 문제. 동일한 페이지에는 여러 텍스트 입력 필드가 포함 된 오버레이도 있습니다.비디오를 재생 한 다음 오버레이에서 입력 필드의 길이보다 긴 텍스트를 입력하면 비디오 아래에 오버레이가 사라집니다. 텍스트가 입력 필드의 길이보다 짧으면 모든 것이 좋습니다!
스타일에서
z-index: 1000;
을 제거하면이 이상한 동작이 사라집니다.
어떻게 해결할 수 있습니까? 제작 웹 사이트의 레이아웃이 복잡하고이 속성을 설정해야하므로 z-index 속성을 설정하지 않는 것이 좋습니다. 투명하게 설정된 wmode는 HTML 5 비디오에서도 마찬가지입니다.
감사합니다.
<html>
<head>
<style>
.popup {
position: absolute;
width: 1000px;
top: 0px;
left: 0px;
z-index: 1000;
}
input {
display: inline-block;
width: 350px;
}
</style>
</head>
<body>
<iframe src="http://player.vimeo.com/video/15888399" frameborder="0"></iframe>
<div class="popup">
<input type="text" /><br />
<input type="text" /><br />
<input type="text" />
</div>
</body>
</html>
Safari 5.0.4/Snow Leopard 10.6.6에서이 페이지에 문제가 없습니다. 벌써 수정 된 버그일까요? – weltraumpirat
Safari 5.0.4/Snow Leopard 10.6.6 실제로 내 구성입니다! 따라서 위의 코드 (apache2에서?)가 텍스트 입력 필드 중 하나에서 오버플로되는 일부 텍스트를 입력 할 때 이상한 동작을하지 않는다고 말하는 것입니까? 어쨌든 피드백에 감사드립니다! – Zaziffic
모든 것이 여기에서 잘 작동합니다. 원하는만큼 입력 할 수 있으며, 입력 필드가 계속 유지됩니다. – weltraumpirat