我想安排三个图像面板，每个都有相同的背景图像，并排给人一种它是单个图像的印象。 在这个原始版本中，所有维度都是固定的。框架为900像素宽，每个面板为300像素宽。 对于视错觉，背景图像的每个位置都是紧密拟合的。 但它不起作用。有一个偏移我无法解释。偏移量为11像素宽。 有人有什么建议吗？ 提前感谢

是这样的 源

<main class="frame">
  <div class="panel panel--one"></div>
  <div class="panel panel--two"></div>
  <div class="panel panel--three"></div>
</main>

样式 除了这里发布的css之外，我还使用了meyerweb.com的重置。

<main class="frame">
  <div class="panel panel--one"></div>
  <div class="panel panel--two"></div>
  <div class="panel panel--three"></div>
</main>

顺晟科技：

尝试添加“边框：0px”，一些浏览器显示默认边框。即使不在“检查模式”中，也能看到边框吗？

这是由于主体标记造成的。主体标记有8px的边距。您只需将其放入CSS中即可。

<main class="frame">
  <div class="panel panel--one"></div>
  <div class="panel panel--two"></div>
  <div class="panel panel--three"></div>
</main>