Javascript 隐晦IE bug:悬停的神秘消失:特定动作后形态的后效
在小型表单监视器框架中,我使用数据信息属性来显示有关表单字段的实际状态(必需、验证、限制)的信息。它在大多数现代浏览器中运行良好,但在IE中有一个奇怪的bug我无法解决 可以使用演示@进行复制。在该表单中,选中第二个表单中的3个复选框(标记为“Like it?”)将验证“field”。在IE(8-10)中,页面上的悬停不再有效。再次使用悬停的唯一方法是在字段正下方的文本区域中填写一个字符,或者在“喜欢”字段中选中一个多/少选项 相关css并没有那么复杂。数据信息属性由javascript更改 我大吃一惊。有人有想法吗Javascript 隐晦IE bug:悬停的神秘消失:特定动作后形态的后效,javascript,css,internet-explorer,Javascript,Css,Internet Explorer,在小型表单监视器框架中,我使用数据信息属性来显示有关表单字段的实际状态(必需、验证、限制)的信息。它在大多数现代浏览器中运行良好,但在IE中有一个奇怪的bug我无法解决 可以使用演示@进行复制。在该表单中,选中第二个表单中的3个复选框(标记为“Like it?”)将验证“field”。在IE(8-10)中,页面上的悬停不再有效。再次使用悬停的唯一方法是在字段正下方的文本区域中填写一个字符,或者在“喜欢”字段中选中一个多/少选项 相关css并没有那么复杂。数据信息属性由javascript更改 我
.info {
margin: 0 0 -3px 5px;
cursor: default;
display: inline-block;
text-align: left;
}
.info.inline {
margin-left: 0;
}
.info:hover:after {
visibility: visible;
}
.info:after {
content: attr(data-info);
max-width: 200px;
visibility: collapse;
white-space: pre-wrap;
font-size: 12px;
border: 1px solid #777;
border-radius: 4px;
box-shadow: 2px 2px 18px #ccc;
padding: 4px;
position: absolute;
margin: 5px 0 0 8px;
text-align: left;
background-color: #fffff0;
z-index: 2;
}
.info:before {
content: ' ';
width: 17px;
height: 16px;
display: inline-block;
background: url('info1.png') 1px 1px no-repeat;
}
.obligatory .info:before,
.info.notok:before{
background-image: url('info2.png');
}
.info.ok:before {
background-image: url('ticked.png');
}
这可能不是您的答案,但如果您的情况与“链接”行为有关,只需定义:hover、:visted:hover。。如果你的情况与IE不处理有关:将鼠标悬停在smthing上,而不是你需要的IE行为脚本。PS:这不是关于:悬停在
a
-tag你能提供javascript吗?@Milche Paten:放在这里太多了,你可以找到它@。(我认为)这在这里并不重要。更新数据信息属性的方法称为updateinfo字段
。