如何在站点地图中为 <td> 背景色设置 CSS答案

【问题标题】：How to set CSS for <td> background-color in a sitemap如何在站点地图中为 <td> 背景色设置 CSS
【发布时间】：2009-08-18 22:38:32
【问题描述】：

我和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>

【问题讨论】：

标签： html css internet-explorer sitemap background-color

【解决方案1】：

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

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

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

【讨论】：

干杯，我明白了，更多的是我不确定如何在生成此 HTML 时在站点地图中设置 td 的样式。即 CSS 语法等。

【解决方案2】：

另一种解决方案是在 CSS 中将 a 元素设置为 display:block。这将使它填满父元素的整个区域。

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

【讨论】：