工具提示z索引不起作用

Question

我有一个工具提示，我已经为该元素提供了z-index但它不起作用。

背景元素颜色即将到来。 我想为此设置堆栈。

.tooltip {
  border-color: black;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: black;
  text-align: center;
  text-decoration: none;
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
  font-size: 12px;
  border-radius: 0px;
}

我试图给出位置和z-index，但它不起作用。请指导。

Answer 1

opacity将设置元素的堆叠。您需要1。

将工具提示的.tooltip { opacity: 1; } 设置为Last cause: Unable to find component with id 'editUserFirstname' in [Form [Component id = userEditForm]] Expected: 'userEditForm:editUserFirstname'. Found with similar names: '' 。

<form wicket:id="userEditForm" class="userEditForm">
    <fieldset>
        <legend>
            <wicket:message key="userEditLegendKey"></wicket:message>
        </legend>
        <table id="userEditFormTable">
            <tr>
                <td>
                    <label for="editUserFirstname">
                        <wicket:message key="firstnameKey"></wicket:message>
                    </label>
                    <input wicket:id="editUserFirstname" id="editUserFirstname" type="text" size="40"/>
                    <label for="editUserSurname">
                        <wicket:message key="surnameKey"></wicket:message>
                    </label>
                    <input wicket:id="editUserSurname" id="editUserSurname" type="text" size="40"/>
                    <label for="editUserUsername">
                        <wicket:message key="usernameKey"></wicket:message>
                    </label>
                    <input wicket:id="editUserUsername" id="editUserUsername" type="text" size="40"/>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" wicket:id="savebutton" value="save"/>
                    <input type="submit" wicket:id="cancelbutton" value="cancel">
                </td>
            </tr>
        </table>
    </fieldset>
</form>