Question

有人可以建议代码执行此操作，还是有另一个线程已经显示代码？我希望做下面这样的事情，但不是文字/不透明，而是另一张带文字的图片：

http://designguggenheimhelsinki.org/en/jury

或者我应该使用div而不是表格？

Answer 1

从我的问题可以得出的细节，你不应该使用表，因为它在语义上是不正确的。此外，div没有语义价值。如果您要显示人员列表，也许您可以使用包含“＆＃39;人员”类别的列表。

我会设置这样的背景：

li {
  background: url('images/myimage.jpg');
}

然后当用户像这样徘徊时我会改变它：

li:hover {
   background: url('images/myhoverimage.jpg);
}

Answer 2

使用div和一点CSS：）

HTML：

<div class="image">
   Hover !
</div>

CSS：

.image{
width: 468px;
height: 300px;
background-image: url('http://polpix.sueddeutsche.com/bild/1.894043.1355968820/640x360/christoph-ransmayrs-der-berg.jpg')
}

.image:hover{
width: 468px;
height: 300px;
background-image: url('http://assets.atraveo-prod.de/blog_import/schweiz/steckbrief-schweiz/schweiz_berge_urlaub_698x490.jpg');
}

编辑：这是JSFiddle的一个版本：http://jsfiddle.net/naj8L9zs/

不同的图像悬停在单个表格单元格上

2 个答案: