Почему мои изображения загружаются не в IE, а в браузере xx?

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

В самом CSS нет ничего плохого, поэтому у вас другая проблема. Может быть, это сами изображения? Можете ли вы просмотреть их непосредственно в IE?

Может быть, это относительные пути, не указывающие в нужном месте. В этом нет особой разницы в IE, но если IE оказался в несколько ином URL из-за маршрутизации, то материал ../.. может в конечном итоге указывать на неверный уровень папки. Корневые URL-адреса более надежны, когда вы используете маршрутизацию в ASP.NET (или в другом месте).

Answer 2

Как вы создавали изображения? Если вы использовали Photoshop, убедитесь, что вы используете пункт меню «Сохранить в Web ...», НЕ «Сохранить как ...» *

Если ничего не помогает, используйте абсолютный URL. Если это не сработает, попробуйте тот же браузер на другом компьютере.

Answer 3

Я использую его так, и он работает во всех браузерах, которые я тестировал

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