Question

我创建了一个网站，我想知道这个页面上的照片有什么问题：http://prestmarnaval.ro/servicii.html 有些人告诉我改变分辨率，但这不是一个解决方案。

<input type="button" id="saveToDocReg" value="Click Me">
<table id="registerGrid">
  <tbody>
    <tr>
      <td>
        <input type="checkbox" checked>
        <input type="hidden" value="1">
      </td>
    </tr>
    <tr>
      <td>
        <input type="checkbox">
        <input type="hidden" value="2">
      </td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked>
        <input type="hidden" value="3">
      </td>
    </tr>
    <tr>
      <td>
        <input type="checkbox">
        <input type="hidden" value="4">
      </td>
    </tr>
  </tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 1

编辑：问题似乎是图片最初没有加载到正确的高度。因此，当您将鼠标悬停在它上方（缩放影响）时，它会使用与原始图像不同的图像结束动画。下面的修复确保图像最初是适当的高度。

尝试将height: 100%;添加到包裹图片的<a>内的<figure>。

<figure>有一个高度，但<a>没有 - 意味着<img>高度不会产生任何影响！

图片有什么问题？

1 个答案: