Question

当我悬停在我的任何图像上时，它会稍微向右移动。这只发生在Chrome上。所有其他浏览器都很好。我的网站http://toarumajutsunoindex.me/有人能告诉我如何解决此问题吗？

Answer 1

验证是您最好的朋友，您缺少结束div标记：

<li>
  <div class="box-images">
    <a href="http://toarumajutsunoindex.me/2394/"><img
      src="http://24.media.tumblr.com/a9f90ae6e9476ab04373a71501d97755/tumblr_mps7c973tK1rfyftbo1_250.jpg" width="225"
      alt=""/></a>

    <div class="smallinfo">
      <div class="box-date">November 2, 2013</div>
      <div class="likebox">
        <div id="post-ratings-2394" class="post-ratings" data-nonce="f404e6ef4d"><img id="rating_2394_1"
                                                                                      src="http://toarumajutsunoindex.me/wp-content/plugins/wp-postratings/images/heart/rating_1_off.gif"
                                                                                      alt="1 Like" title="1 Like"
                                                                                      onmouseover="current_rating(2394, 1, '1 Like');"
                                                                                      onmouseout="ratings_off(0, 0, 0);"
                                                                                      onclick="rate_post();"
                                                                                      onkeypress="rate_post();"
                                                                                      style="cursor: pointer; border: 0px;"/>
        </div>
        <div id="post-ratings-2394-loading" class="post-ratings-loading"><img
            src="http://toarumajutsunoindex.me/wp-content/plugins/wp-postratings/images/loading.gif" width="16"
            height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image"/>&nbsp;Loading ...
        </div>
      </div>
    </div>
  </div><!--/.This closing tag was missing-->
</li>

<强>更新

好的，事实证明，下面的错误不是引起问题的错误。

根据this topic，此问题似乎是Chrome错误，将position:relative设置为内部img可以解决问题（至少在您的情况下）。

将鼠标悬停在Chrome上时，CSS图片会移动

1 个答案: