Поля ввода над html5 / flash видео исчезают - только Safari / Mac - PullRequest
Новая
       25

Поля ввода над html5 / flash видео исчезают - только Safari / Mac

1 голос
/ 15 марта 2011

У меня странный вид только на Safari / Mac ...

Я создал страницу с видео, flash или html 5: это не имеет значения.На той же странице также есть наложение, содержащее несколько полей ввода текста.
Когда я воспроизводю видео, а затем - в наложении - я набираю текст, длина которого превышает длину поля ввода, наложение исчезает подвидео.Если текст короче длины поля ввода, все в порядке!
Теперь, когда я удаляю z-index: 1000; из стиля, это странное поведение исчезает.

Любая идея, как справиться с этим?Недостаточно установить свойство z-index, так как рабочий сайт имеет сложный макет и требует установки этого свойства.Wmode, установленный на прозрачный, здесь ничего не делает, как это происходит и с видео html 5.

Спасибо!

Вот код страницы: </p> <pre><code><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>

Ответы [ 3 ]

1 голос
/ 16 марта 2011

Это похоже на ошибку в Safari.

Я воссоздаю то же самое поведение только с div, полем ввода и элементом видео (без vimeo, без iframe, просто с простым тегом видео).Как только ввод текста превышает длину текстового поля, видео отображается поверх целого div (как ни странно, не только поля ввода).Как ни странно, видео также «возвращается назад» при нажатии клавиши Backspace, даже если текст все еще длиннее текстового поля.

Я также пробовал различные модификации стиля CSS и даже onkeyup JavaScriptвручную сбросить свойство z-index - тоже не повезло.

Поскольку в других браузерах Webkit все отображается нормально (по крайней мере, в Chrome), я предполагаю, что это действительно проблема с платформой.Я заметил, что вы уже разместили вопрос на форуме Apple - возможно, следующим шагом будет подача отчета об ошибке.

0 голосов
/ 31 марта 2011

Я подал это как ошибку с яблоком, не уверен, что эта ссылка работает для кого-либо, кроме меня:

https://bugreport.apple.com/cgi-bin/WebObjects/RadarWeb.woa/22/wo/UyoUJEsFJWI6yvjPkar2vg/45.83.28.0.9

Если вы не видите эту страницу, попробуйтепоиск идентификатора проблемы: 9214803

Спасибо Zaziffic за страницу подтверждения ошибки, я немного изменил ее и включил в отчет об ошибке.

0 голосов
/ 17 марта 2011

Оказалось, что это действительно ошибка Safari, как указал weltraumpirat и множество компьютеров Mac, на которых я ее пробовал.Я отправил его в Apple, продолжение следует ...

Тем временем, как хак, я скрываю все видео, когда показываю оверлеи на своем веб-сайте, поэтому у меня больше нет такого странного поведения.Видимость, установленная на скрытый, или непрозрачность, равная 0, недостаточны, вам нужно установить нулевое отображение или изменить атрибут позиции на абсолютный или относительный и скрыть видео, используя отрицательные значения для верхних и / или левых.надеюсь, это поможет кому-то тем временем ...

...