html - td 中的 css 3 图像

Question

我在将 3 张图像添加到 CSS 中的表格单元格时遇到问题，想知道是否有人可以帮助我找出我做错了什么。这是我所拥有的:

CSS

.Example {
        background-image:url("image1.gif"),url("image2.gif"),url("image3.gif");
    background-position: top left, top center, top right;
    background-repeat: no-repeat, repeat-x, no-repeat;
}

html

<td class="Example">
    <a href="example">Example</a>
</td>

但是，当我打开页面时，我得到的只是一个显示没有背景图像的示例的单元格。有什么建议吗？

Answer 1

尝试

.Example {
background-image:url("image1.gif"),url("image2.gif"),url("image3.gif");
background-position: top left, top center, top right;
background-repeat: no-repeat;
}

没有背景重复的三个参数。

请记住，这并非适用于所有浏览器。

我建议你用老办法解决这个问题。在具有相同 href 的每张图片上放置一个链接。