Wordpress 评论、二十一主题的浏览器显示问题

Question

我的 WordPress 网站使用 21 个主题的子主题。我遇到的问题是每个评论旁边都会出现一个损坏的图像链接。但这只发生在 Chrome、Safari 和 Opera 中。在 Firefox 和 IE 中它不存在。

奇怪的是，当我右键单击损坏的图像链接并尝试在源代码中检查它时，那里什么也没有。它不在 DOM 中！！！

我尝试进入 WordPress 的讨论设置并将头像显示更改为不显示，并将默认头像更改为空白。我已经从二十一十一的functions.php（在函数二十一十一注释中）中删除了所有显示头像的代码。我已经尝试了所有我能想到的 CSS 解决方案，但我无法让它们消失。

您可以在这里看到我在说什么：http://www.andersonandsonsfh.com/2011/07/gordon-severson/

我真的不知道要包含哪些代码，所以这是我的二十一评论代码

if ( ! function_exists( 'twentyeleven_comment' ) ) :
function twentyeleven_comment( $comment, $args, $depth ) {
$GLOBALS['comment'] = $comment;
switch ( $comment->comment_type ) :
    case 'pingback' :
    case 'trackback' :
?>
<li class="post pingback">
    <p><?php _e( 'Pingback:', 'twentyeleven' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?></p>
<?php
        break;
    default :
?>
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
    <article id="comment-<?php comment_ID(); ?>" class="comment">
        <footer class="comment-meta">
            <div class="comment-author vcard">
                <?php

                    /* translators: 1: comment author, 2: date and time */
                    printf( __( '%1$s on %2$s <span class="says">said:</span>', 'twentyeleven' ),
                        sprintf( '<span class="fn">%s</span>', get_comment_author_link() ),
                        sprintf( '<a href="%1$s"><time pubdate datetime="%2$s">%3$s</time></a>',
                            esc_url( get_comment_link( $comment->comment_ID ) ),
                            get_comment_time( 'c' ),
                            /* translators: 1: date, 2: time */
                            sprintf( __( '%1$s at %2$s', 'twentyeleven' ), get_comment_date(), get_comment_time() )
                        )
                    );
                ?>

                <?php edit_comment_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
            </div><!-- .comment-author .vcard -->

            <?php if ( $comment->comment_approved == '0' ) : ?>
                <em class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentyeleven' ); ?></em>
                <br />
            <?php endif; ?>

        </footer>

        <div class="comment-content"><?php comment_text(); ?></div>

        <div class="reply">
            <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span>&darr;</span>', 'twentyeleven' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
        </div><!-- .reply -->
    </article><!-- #comment-## -->

<?php
        break;
endswitch;
}
endif; // ends check for twentyeleven_comment()

请帮忙！这让我发疯！

Answer 1

在 Firefox 中使用 Firebug，或者在 Chrome、Safari 或 IE8 中，使用开发人员工具查看您网站上加载的内容。您将看到图像 comment-arrow.png 出现 404 错误，它在 style.css 中调用，并且应该位于 /images/ 中。删除 style.css 中的调用以删除图像，或者确保图像位于文件夹中以便显示。