首先，我让php生成一个表，然后当涉及到箭头图像时，我希望php根据条件为对象分配一个特定的类。 目标是针对不同的条件获得不同的可链接图像。
这是我生成链接的 php 脚本。
<a href="javascript:void(0)"
'; if ($row['upVote'] > 0) { echo '
class = "used_upArrow"
';} else {echo '
class = "new_upArrow"
';} echo '
rowid="' . $row['item_id'] . '">
</a>
这是我的 CSS：
a.new_upArrow{
background-image: url('../Img/new_upArrow.gif');
}
a.used_upArrow{
background-image: url('../Img/used_upArrow.gif');
}
我让图像实际显示的唯一方法是在 php 脚本中添加文本HERE，但显然这会妨碍图像。 在网上查找有"css hack"可以隐藏文本或移动文本，但这似乎是一个不必要的解决方法，并非每个浏览器都会尊重。 这里还有其他选择吗？
仅供参考，最终结果是我希望能够使用 jQuery 更改类并更改图像，这就是我这样做的原因。
锚标记 （） 和其他内联元素将扩展到它们所包含内容的大小。由于锚标记为空，因此其高度和宽度为零。背景图像在那里，但元素太小，你看不到它。
要解决此问题，请将锚标记转换为块元素（而不是内联）并为其指定大小。.CSS：
a.new_upArrow, a.used_upArrow {
display: block;
height: 100px;
width: 100px;
}
更改高度和宽度以匹配图像的尺寸。