ТАК У меня есть всплывающая подсказка, которая представляет собой скрытый div, который переключается ниже элементов ввода.В фокусе я отображаю всплывающую подсказку и скрываю размытость.
Проблема заключается в том, что при альбомной ориентации или отображении на планшетном ПК всплывающая подсказка остается под элементом надписи, который выглядит неуместным.это портрет, метка находится над элементом ввода, а подсказка находится ниже.Это функционирует и выглядит как и ожидалось (как я хочу).
Live Пример: http://jsfiddle.net/jtnmC/3/
Вопрос:
Итак, как в пейзаже как выровнять подсказку так, чтобы она выровняласьвверх / отображается под элементом ввода, а не его меткой?А также не испортить портретное позиционирование?
<div>
<label for="telephone">
Phone Number*
</label>
<input type="text" name="telephone" id="telephone" required placeholder="Telephone#">
<div name="telephone_tooltip" class="tooltip">
Valid format
<strong>
<span>999-999-9999</span>
</strong>. Please include the area code.
</div>
</div>