Question

我想在表格单元格中设置图像，并且应该使用悬停操作更改此图像。

css文件：

#image_background  { background-image: url(images/panorami_gallery.jpg);
          background-repeat: no-repeat;
...
}

.left_button { background-image: url (images/left_gallery_arrow.png);
          background-repeat: no-repeat;
}
.left_button:hover { background-image: url (images/left_gallery_arrow_hover.png);
           background-repeat: no-repeat; 
}

html文件：

<table id="background_image">
....
    <tr>
       <td>
          <div class ="left_button">
          </div>
       </td>
    </tr>
</table>

我根本没有看到“left_gallery_arrow.png”图像的问题。我错过了什么？感谢。

Answer 1

div没有内容，没有明确的高度或宽度。没有要绘制背景图像的像素集合。

Answer 2

你在网址和大括号之间没有空格...... url (...)是错误的。url()是正确的。（无论如何Chrome + Ubuntu）

请参阅我的示例：http://jsfiddle.net/rlemon/TwcQS/

你需要一个高度和宽度属性来显示图像..或内容。

我也假设#image_background是指参考表...拼写错误？应为#background_image

答案 2 :(得分：-1)

您可以尝试使用“url（'link'）;”

Answer 3

您可以尝试使用“url（'link'）;”

图像悬停不起作用

3 个答案: