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

好的,你的問題是什麼? –

相關問題