0

所以我有一个工具提示，它是一个隐藏的 div，可以在输入元素下方切换。在焦点上我显示工具提示并隐藏模糊。

问题是当在横向或平板设备上显示时，工具提示留在标签元素下方，看起来不合适。

但是纵向标签位于输入元素的顶部，工具提示位于下方。这个功能和看起来像预期的那样（就像我想要的那样）。

现场示例：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>
4

1 回答 1

1

通过添加边距解决了这个问题：

现场示例：http: //jsfiddle.net/jtnmC/12/

于 2011-04-28T12:50:10.890 回答