Question

我遇到与Possible to fill a table cell with a bg color?相同的问题。

问题是我使用的是站点地图，不知道如何为td标签设置css。

（这在firefox和IE8中运行良好，但不适用于IE7）

我正在使用以下CSS：

.subMenu
{
    z-index: 100;
    min-width: 118px;
    border: solid 1px #545454;
    text-align: center;
}
.subMenuItem
{
    width: 100%;
    min-width: 118px;
    padding: 5px;
    border-bottom: solid 1px #545454;
    background-color: #4D97CB;
    color: #DDDDDD;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

给出了下面的HTML：

<div id="ctl00_mnuNavigationn1Items" class="ctl00_mnuNavigation_0 subMenu ctl00_mnuNavigation_7">
    <table border="0" cellpadding="0" cellspacing="0">
        <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_mnuNavigationn3">
            <td>
                <table class="subMenuItem ctl00_mnuNavigation_6" cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td style="white-space:nowrap;width:100%;">
                            <a class="ctl00_mnuNavigation_1 subMenuItem ctl00_mnuNavigation_5" href="/Asidua.BPM.Web.WebApplication/Expenses/Default.aspx" style="border-style:none;font-size:1em;">Click here</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

Answer 1

您必须将CSS样式应用于td元素而不是a元素。类似span的元素（如链接或em，strong或span）不支持默认设置背景。

[编辑]如果您自己不生成此代码，那么您有以下选项：

获取HTML / CSS生成器的源代码并修改它以将必要的CSS属性添加到td元素
如果这是在服务器上，请检查是否可以向应用的输出添加过滤器。然后，此过滤器可以添加必要的CSS。
如果其他一切都失败了，您可以在客户端上使用JavaScript来导航DOM并在onload中添加属性。

Answer 2

另一个解决方案可能是设置一个元素来显示：CSS中的块。这将使它填充父元素的整个区域。

此外，如果它是背景颜色，您可能需要设置a元素的高度和宽度以匹配父元素。

如何在站点地图中为背景颜色设置CSS

2 个答案: