帮助用于验证码的图标类，如刷新、耳机、帮助不在浏览器上显示答案

【问题标题】：Helping icons classes used for captcha like refresh, headphones, help not showing on browsers帮助用于验证码的图标类，如刷新、耳机、帮助不在浏览器上显示
【发布时间】：2015-02-02 01:36:36
【问题描述】：

我在我的注册用户页面中使用了验证码，我使用了刷新、耳机、帮助但验证码、文本框的图标，所有内容都显示在浏览器上并且工作正常甚至刷新、耳机、帮助图标也运行良好，但问题是不是在浏览器中显示刷新、耳机或帮助图标，而是只显示一个正方形，请告诉我如何显示这个？

<script type="text/javascript">
            var RecaptchaOptions = {
                theme: 'custom',
                custom_theme_widget: 'recaptcha_widget'
            };
    </script>
        <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LcrK9cSAAAAALEcjG9gTRPbeA0yAVsKd8sBpFpR"></script>
<div id="recaptcha_widget" class="form-recaptcha">
                <div class="form-recaptcha-img" style="width: 325px">
                    <a id="recaptcha_image" href="#"></a>
                    <div class="recaptcha_only_if_incorrect_sol display-none" style="color: red">
                        Incorrect please try again
                    </div>
                </div>
                <div class="input-group" style="width: 325px">
                    <input type="text" class="form-control" id="recaptcha_response_field" name="recaptcha_response_field"/>
                    <div class="input-group-btn">
                        <a class="btn default" href="javascript:Recaptcha.reload()">
                            <%--<img src="../logo/refresh.jpg" alt="" />--%>
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a class="btn default recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')">
                            <i title="Get an audio CAPTCHA" class="fa fa-headphones"></i>
                        </a>
                        <a class="btn default recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')">
                            <i title="Get an image CAPTCHA" class="fa fa-picture-o"></i>
                        </a>
                        <a class="btn default" href="javascript:Recaptcha.showhelp()">
                            <i class="fa fa-question-circle"></i>
                        </a>
                    </div>
                </div>
                <p class="help-block">
                    <span class="recaptcha_only_if_image">Enter the words above </span>
                    <span class="recaptcha_only_if_audio">Enter the numbers you hear </span>
                </p>
            </div>

【问题讨论】：

检查图标的位置和存在。
一切都存在
向我们展示包含图像的 css。我确定这是路径问题

标签： javascript jquery asp.net twitter-bootstrap captcha

【解决方案1】：

我做到了，只需在我的 .aspx 页面中创建一个文件夹，然后在该文件夹中放置刷新、耳机等图标，然后给出图像的路径

<div class="input-group-btn">
                        <a class="btn default" href="javascript:Recaptcha.reload()">
                            <i>
                                <img src="../logo/glyphicons_081_refresh%20-%20Copy.png" class="fa fa-refresh" />
                            </i>
                        </a>
                        <a class="btn default recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')">
                            <i title="Get an audio CAPTCHA">
                                <img src="../logo/glyphicons_076_headphones%20-%20Copy.png" class="fa fa-headphones" />
                            </i>
                        </a>
                        <a class="btn default recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')">
                            <i title="Get an image CAPTCHA">
                                <img src="../logo/glyphicons_138_picture@2x%20-%20Copy.png" class="fa fa-picture-o" />
                            </i>
                        </a>
                        <a class="btn default" href="javascript:Recaptcha.showhelp()">
                            <i>
                                <img src="../logo/glyphicons_194_circle_question_mark%20-%20Copy.png" class="fa fa-question-circle" />
                            </i>
                        </a>
                    </div>

【讨论】：