鼠标滑过时下方主表格显示所指图片css

要实现鼠标滑过时下方主表格显示所指图片的效果，可以使用CSS中的:hover伪类和background-image属性来实现。具体步骤如下：

1. 在HTML中，将主表格和所指图片分别放在两个<div>标签中。

2. 在CSS中，设置主表格的背景图片为默认图片，并将所指图片的display属性设置为none，使其一开始不可见。

3. 使用:hover伪类，当鼠标滑过主表格时，将主表格的背景图片设置为所指图片，并将所指图片的display属性设置为block，使其显示出来。

下面是一个实现鼠标滑过主表格显示所指图片的CSS代码示例：

.table {
  background-image: url(default.jpg);
}

.img-container {
  display: none;
}

.table:hover {
  background-image: url(hover.jpg);
}

.table:hover + .img-container {
  display: block;
}

在HTML中，需要将主表格和所指图片放在同一个父元素下，并给所指图片添加一个类名，例如：

<div class="container">
  <div class="table"></div>
  <div class="img-container">
    <img src="hover.jpg">
  </div>
</div>

需要注意的是，这种方法只适用于背景图片，如果需要在表格内显示图片，需要通过其他方式实现。