我有一个用户注册JSP页面,其中我使用密码字段和重新键入密码字段进行用户注册,并且还使用密码策略和重新键入密码策略的工具提示。但是这个javascript工具提示不能在ie浏览器中正确显示,它正在变得扭曲。我要放弃我曾经做过的事。
<div class="row">
<label for="lbl-01"><bean:message key="registrationForm.userLoginPassword"/> <span class="formElementRequired">*</span></label><a href="#" class="tooltip-right" data-tooltip="Password should contain at least one Capital letter, one special character and one number.And password length should be atleast 8 characters"><img src="/TMLWeb/image/help.png"/></a>
<html:password property="userLoginPassword" styleId="userLoginPasswordId" styleClass="text" maxlength="100"/>
<logic:messagesPresent property="userLoginPassword">
<font color="red"><html:errors property="userLoginPassword" /></font>
</logic:messagesPresent>
</div>
我正在使用data-tooltip作为工具提示,但在IE中不能正常工作。有人能帮忙吗?
你没有指定是哪个版本的IE——这一点我们几乎总是需要知道的。
简而言之,data-tooltip
在IE7
及以下不做任何事情。
我知道它在IE8
中有部分支持,在IE9+
中应该可以很好地工作。
它将工具提示复制到title
属性,这将适用于直接文本。
另一个选择是寻找一个工具提示库的IE,这是这个问题和StackOverflow的范围之外。
<!--[if lt IE 9]>
(function() {
function fixTooltips(els) {
for (var i = 0; i < els.length; i++) {
var el = els[i];
var tooltip = el.getAttribute("data-tooltip");
if (tooltip) {
el.title = tooltip;
}
}
}
var els = document.getElementsByTagName("a");
fixTooltips(els)
}());
<![endif]-->