Question

我的css标题类的图片在Chrome和FF中正确加载，但在IE8或7中没有加载。任何人都知道我可能缺少什么？

这是css类代码：

.TBox {
    color:#333333;
    font-size:11px;
    background: url("../../Images/box_bottom_right.gif") no-repeat bottom right;
    margin: 0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.TBox .header {
    margin: 0;
    padding: 0;
    background:url("../../Images/box_top_right.gif") no-repeat top right;  
    text-align: center;
}

.TBox .header h2 {
    color:#ffffff;
    background:url("../../Images/box_top_left.gif") no-repeat top left;
    font-size:14px;
    padding-top: 7px;
    height:20px;
    margin: 0;
}

.TBox .text {
    background:url("../../Images/box_bottom_left.gif") no-repeat bottom left;
    padding:10px 10px 15px 10px;    
    margin:0;
    height:auto;
    text-align:justify;
    color:#003399;
    line-height:15px;
}

以下是我使用它的一部分，以及文件顶部的内容：

<div class="TBox" style="width: 90%; height: 100%; position:relative; right:-20px;">
                        <div class="header"> <h2>Terms:</h2> </div>
                        <asp:TextBox ID="txtTerms" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
                    </div>

Answer 1

我像这样使用它，它适用于我测试的所有浏览器

background: #fff url('../../images/bkgd_tile.gif') repeat-y 50% top;

Answer 2

CSS本身没有问题，所以你有一个不同的问题。也许这是图像本身？你能直接在IE中查看它们吗？

也许这是相对路径没有指向正确的地方。这不是具体的IE差异，但如果IE因路由而导致URL略有不同，那么../..内容可能最终指向错误的文件夹级别。当您在ASP.NET（或其他地方）使用路由时，生根URL更可靠。

Answer 3

你是如何创建图像的？如果您使用的是Photoshop，请确保使用“保存到Web ...”菜单选项，而不是“另存为...”

如果其他所有方法都失败了，请使用绝对网址。如果这不起作用，请在另一台计算机上尝试使用相同的浏览器。

为什么我的图像没有在IE中加载但在xx浏览器中加载？

3 个答案: