2013-03-13 3 views
3

При использовании firefox у меня есть заполнители в регистрационном входе, чуть выше регистрационной формы - это мое меню, когда я наводил курсор на раскрывающееся меню, вместо него появляется надпись.Заместитель z-index firefox issue

Я пробовал общаться с z-индексами, но это, похоже, не проблема. Все остальные части поля ввода скрыты за раскрывающимся меню, но не заполнитель.

Я также попытался добавить Z-индексы для

::-webkit-input-placeholder {} 
::-moz-placeholder {} 
:-ms-input-placeholder {} 
input:-moz-placeholder {} 

, но безрезультатно.

Я хотел бы достичь этого, не прибегая к Javascript.

enter image description here

Jsfiddle быстрая демонстрация: http://jsfiddle.net/LLANn/1/

+4

Не могли бы вы отправить свой html + css ?! – mgrsskls

+0

Пожалуйста, разместите код, имеющий отношение к вопросу. В идеале ** в дополнение ** к коду в самом теле вопроса, пожалуйста, добавьте пример вашей проблемы [jsFiddle] (http://jsfiddle.net/api/post/jquery/1.7.1/). Это поможет нам помочь вам. –

+0

Какой браузер вы используете, отлично выглядит для меня в Chrome. – gaynorvader

ответ

4

Дайте позицию: относительная к #submenu. Это решает проблему.

Любой z-индекс бесполезен, если не сопровождается «позицией».

-1

Может быть, мое предложение будет полезно для кого-то ... В случае, если ваш заполнитель элемент z-index является 0 (по умолчанию) - установите на #menu:

z-index: 1; 

В других случаях z-index из #menu должны быть не менее 1 больше, чем элемент заполнителя

 Смежные вопросы

  • Нет связанных вопросов^_^