Question

我的CSS样式在IE 9中不起作用。它适用于IE 8和Chrome。在下面的代码样式中，cpHeader在单独的css文件中定义。关于为什么IE 9没有渲染样式的任何线索。

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h1>Welcome to the site</h1>
<div class="cpHeader">
    <asp:Label ID="Label2" runat="server" Text="header text"></asp:Label>
</div> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
...

在Site.css中

.cpHeader
        {
            color: white;
            background-image:url('../Images/bg_sm.png');
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 14px;
            cursor: pointer;
            border-style:solid;
            border-bottom-style:none;
            border-width:1px; 
            border-color:#5A5A5A;    
            height:18px;
            padding: 4px;    
            text-align:left;        
        }

编辑：我找到a mention of a possible problem，但无法解决问题。

Answer 1

这个http://jsfiddle.net/wHszh/在IE9中对我有效。（注意：我将背景更改为黑色，因为图像不会加载到样本中。）

您确定bg_sm.png的路径是否正确，并且相对于CSS文件的位置（不是相对于HTML页面的位置）？也许它没有加载图像，因为你将前景色设置为白色它正在工作，但你看不到文字，因为它是白色的白色？

Firebug / Developer工具在网络标签中的含义是什么？您所预期的所有资产是否都在加载？导出的确切HTML是什么？ CSS文件中的其他地方是否存在CSS语法问题？

IE9中忽略了CSS样式

1 个答案: