IE8 去掉 Asp:Gridview 标题行的背景色答案

【问题标题】：IE8 removes background-color of header row of Asp:GridviewIE8 去掉 Asp:Gridview 标题行的背景色
【发布时间】：2014-01-03 19:39:12
【问题描述】：

我正在使用 Asp.net 4.0 GridView 控件来显示数据库中的数据。我已将内置主题应用到 GridView。

    <asp:GridView ID="gv" runat="server" CellPadding="4" EmptyDataText="No records found."
    ForeColor="#333333" OnRowCommand="gv_RowCommand" Width="99%" OnPageIndexChanging="gv_PageIndexChanged"
    PageSize="50" AllowPaging="True" GridLines="None" AutoGenerateColumns="true">
    <AlternatingRowStyle BackColor="White" />
    <EditRowStyle BackColor="#7C6F57" />
    <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
    <HeaderStyle CssClass="GridHeader" BackColor="#1C5E55" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
    <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
    <RowStyle BackColor="#E3EAEB" />
    <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
    <SortedAscendingCellStyle BackColor="#F8FAFA" />
    <SortedAscendingHeaderStyle BackColor="#246B61" />
    <SortedDescendingCellStyle BackColor="#D4DFE1" />
    <SortedDescendingHeaderStyle BackColor="#15524A" /></asp:GridView>

我尝试在我的母版页中强制设置 CSS

        .GridHeader { background-color:#1C5E55 !important;}

但我仍然缺少背景颜色。

当页面加载 js/css 内容时，我可以看到背景颜色应用于网格（不到 1 秒）

注意：我已经尝试过清除 IE 缓存，ctrl + F5，shift + reload 等。

这是我的问题的示例页面。

http://vd2.weenggs.com/Items.aspx

电子邮件：test@test.com

通过：测试

.PACP-box:before, .PACP-box:after, .PACP-box-body:after, .PACP-box-body:before
{
background-repeat: no-repeat;
bottom: 0;
content: " ";
line-height: 0;
position: absolute;
top: 0;
}

我发现上面的 CSS 块会导致样式渲染/覆盖问题。我无法删除此块，因为它会导致布局中断。

任何人都可以拥有上述块的备用 CSS。 ?

谢谢

【问题讨论】：

标签： css internet-explorer cross-browser

【解决方案1】：

我在标题中看到#1C5E55。我没有看到在 HTML 中定义的任何 GridHeader 类。在HeaderStyle 中定义的BackColor 被编码为抛出tr 的样式属性。正如您所提到的，您的颜色被 ecmascript 代码覆盖。您可以通过禁用 ecmascript 轻松检查这一点。然后你就会知道问题出在 CSS 还是脚本上。

【讨论】：

抱歉，我不知道“ecmascript”这个词。你能告诉我如何禁用它吗？
Ecmascript 是 JavaScript 的另一个名称。您可以通过 F12 > 禁用 > 脚本禁用它。
我尝试为 page.no 禁用 javascript.. 相同的无色网格。我还仔细检查了代码。“GridHeader”类就在标签之前
GridHeader 在 CSS 中声明，但不在 HTML 中使用。我可以重现所描述的行为。它看起来像 IE8 渲染模式中的错误。但简单的案例工作正常jsfiddle.net/QmC28/show。尝试使用背景图像解决方法或简化 CSS。
太棒了。我尝试通过父 div 跟踪继承的样式，但没有成功。我报告说 IE 开发工具不跟踪 CSS 伪类应用的 CSS 样式 - connect.microsoft.com/IE/feedback/details/749777/…

【解决方案2】：

Give BackColor="你想要的颜色" 它适用于所有浏览器。但你不能给标题渐变

【讨论】：