将鼠标悬停在 Chrome 上时 CSS 图像会移动 [关闭]

Posted 2023-03-06

【中文标题】将鼠标悬停在 Chrome 上时 CSS 图像会移动 [关闭]

【英文标题】：CSS images move when hovering over on Chrome [closed]

【发布时间】：2013-11-14 00:51:56

【问题描述】：

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

【问题讨论】：

在我的 chrome 浏览器中运行良好

【参考方案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" 
      /></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"
                                                                                       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" 
              title="Loading ..." class="post-ratings-image"/>&nbsp;Loading ...
        </div>
      </div>
    </div>
  </div><!--/.This closing tag was missing-->
</li>

更新：

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

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

【讨论】：

好的，我修复了丢失的 div，但我仍然看到图像在悬停时略微向右移动

@EdibleMuffin，查看更新后的答案。