html - td 中的 css 3 图像

Question

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

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 在每张图片上放置一个链接。