2016-02-01 13 views
0

我有jQuery真人图库v2.0.1的验证码。jQuery真人 - 在IE浏览器的不正确视图

在Chrome浏览器中,它可以修复。但在IE浏览器,验证码看起来不正确。

这里是我的代码( - 基于javascipt的+ HTML +的jQuery + knockout.js):

<input type="text" id="captcha" /> 
<span style="color: red;" data-bind="text: captchaError"></span> 

JS:

$('#captcha').realperson(); 

看到图片 - Chrome和Internet Explorer的:

enter image description here

enter image description here


UPDATE:

的建议,增加行高度之后,我这样做,但LETTERA不明确:

enter image description here

+0

请添加更多的代码或创建的jsfiddle或摘录。因为如果你尝试下面的代码片段,它在IE和Chrome中工作正常 –

+0

请尝试在页面中的所有其他CSS后添加'jquery.realperson.css'并检查它。如果没有解决,请添加一个链接,我检查这个问题,因为我看起来不错,在IE –

回答

1

你有其他的CSS我们强迫的div line-height

请尝试:(在Chrome和IE 10+为我工作)

$(document).ready(function(){ 
 
    $("#test").realperson(); 
 
});
.realperson-text{ 
 
    line-height:3px !important; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://keith-wood.name/js/jquery.plugin.js"></script> 
 
<script src="http://keith-wood.name/js/jquery.realperson.js"></script> 
 
<link href="http://keith-wood.name/css/jquery.realperson.css" rel="stylesheet"/> 
 
<input type="text" id="test" />

+1

请尝试添加'jquery.realperson.css'所有其他CSS在你的页面并检查它。如果没有解决,请添加一个链接,我检查这个问题,因为我看起来不错,在IE –

+0

它不适用于我的IE 11浏览器。任何不同的想法? –

+0

好的,你的问题是什么? –

相关问题