CSS/HTML工具提示定位在Mozilla Firefox中不起作用

CSS/HTML工具提示定位在Mozilla Firefox中不起作用,html,css,tooltip,Html,Css,Tooltip,所以,我已经在我一直在做的一个小型潜在客户开发表单上添加了一个工具提示。一切进展顺利;然而,在Mozilla Firefox中,一个元素的定位似乎没有正常工作。在Chrome、Internet Explorer和Safari中进行测试时,一切正常。在Firefox中,工具提示不是放在调用它的图像的正上方,而是放在右边和上面 下面是它的外观: 以下是不应该出现的情况: 以下是相关的HTML代码: <div id="contact_container">

所以,我已经在我一直在做的一个小型潜在客户开发表单上添加了一个工具提示。一切进展顺利;然而,在Mozilla Firefox中,一个元素的定位似乎没有正常工作。在Chrome、Internet Explorer和Safari中进行测试时,一切正常。在Firefox中,工具提示不是放在调用它的图像的正上方,而是放在右边和上面

下面是它的外观:

以下是不应该出现的情况:

以下是相关的HTML代码:

        <div id="contact_container">
            <h1><a data-tooltip="Click to hide/display the content below." href="#"><img class="information_icons" src="images/information_icon.png"></a>How can we contact you?</h1>   
            <input id="phone_number" name="phone_number" type="text" />
            <input id="alternate_phone_number" name="alternate_phone_number" type="text" />
            <input id="email_address" name="email_address" type="text" />
            <div class="vertical_filler_small"></div>
            <h2 id="contact_time_subtitle"><a data-tooltip="Click to hide/display the content below." href="#"><img class="information_icons_small" src="images/information_icon_small.png"></a>When should we call?</h2>
            <fieldset id="contact_time">
                <div class="contact_time_containers" id="contact_time_morning"><input id="contact_time_radio_morning" name="contact_time" type="radio" value="morning" /><span class="contact_time_options">Morning</span></div>
                <div class="contact_time_containers" id="contact_time_afternoon"><input checked="checked" id="contact_time_radio_afternoon" name="contact_time" type="radio" value="afternoon" /><span class="contact_time_options">Afternoon</span></div>
                <div class="contact_time_containers" id="contact_time_evening"><input id="contact_time_radio_evening" name="contact_time" type="radio" value="evening" /><span class="contact_time_options">Evening</span>
            </fieldset>
        </div>

在CSS中尝试以下操作:

#contact_container { Position:relative; } a[data-tooltip] { Position:absolute; top:0px; /* Set Top Position According to your style*/ Left:0px; /* Set LeftPosition According to your style*/ } #联系人_容器{位置:相对;} [数据工具提示]{位置:绝对;顶部:0px;/*根据样式设置顶部位置*/左侧:0px;/*根据样式设置左侧位置*/}
希望它对您有用…

在CSS中尝试以下内容:

#contact_container { Position:relative; } a[data-tooltip] { Position:absolute; top:0px; /* Set Top Position According to your style*/ Left:0px; /* Set LeftPosition According to your style*/ } #联系人_容器{位置:相对;} [数据工具提示]{位置:绝对;顶部:0px;/*根据样式设置顶部位置*/左侧:0px;/*根据样式设置左侧位置*/}
希望它对你有用…

你使用什么版本的firefox?你使用什么版本的firefox?