php - 目标 : PHP to set object class, CSS 基于类显示图像，使图像可点击。不工作

Question

首先我让 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 hacks”来隐藏文本或移动文本，但这似乎是一种不必要的解决方法，并非每个浏览器都会尊重。这里还有其他选择吗？

仅供引用，最终结果是我希望能够使用 jQuery 更改 class 并更改图像，这就是我这样做的原因。

Answer 1

anchor 标记 () 和其他内联元素扩展到它们包含的内容的大小。由于您的 anchor 标记为空，因此它的高度和宽度为零。背景图片在那里，但元素太小了，您看不到它。

要解决此问题，请将 anchor 标记转换为 block 元素(而不是内联元素)并为其指定大小。 CSS:

a.new_upArrow, a.used_upArrow {
    display: block;
    height: 100px;
    width: 100px;
}

更改高度和宽度以匹配图像的尺寸。