(IE9)jQuery Validation错误垂直切成两半

时间:2015-05-08 15:49:15

标签: javascript jquery html css validation

我遇到了IE9和jQuery Validation的样式问题。我已经过测试,它在Chrome和Firefox中正确设置了风格。下面是我所看到的屏幕截图:

Strange Validation Bug

根据我如何聚焦元素的顺序,有时错误消息的顶部会被切断,有时则会显示错误消息的底部。检查元素时,似乎有一个跨度被注入到包装DOM元素中,因此消息在其有效时不会被隐藏。我被迫用垃圾笔记本开发和测试,所以它可能与设置有关吗?我不确定......以前有没有人见过这种造型问题?如果是这样,原因是什么?

这里是这个字段的标记:



mouse-drag-region




1 个答案:

答案 0 :(得分:1)

jQuery验证!!哦,悲伤..实际上,它确实做得很好。我个人的悲痛是由它产生的不必要的DOM元素引起的。没有人需要跨度,跨度,跨度包裹跨度。对不起..给答案了!

尝试让您的跨度跨度超出保证金。看起来您的文字被切断了。内联元素将继承父盒模型边界。在实践中,您应该将最小高度值添加到与文本相同的大小,以帮助提高响应能力。

在此处阅读内联元素:https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elemente