Фон содержимого интерьера не будет отображаться в IE - PullRequest
Новая
       3

Фон содержимого интерьера не будет отображаться в IE

1 голос
/ 03 июня 2011

Я изо всех сил пытаюсь заставить мое внутреннее фоновое изображение отображаться в IE, отлично работает в FF и Chrome.Не могу понять. 

    <div id="banner">
        <div id="banner-image"><cms:CMSEditableImage ID="BannerPhoto" runat="server" ImageHeight="284" ImageWidth="892" /></div>
    </div>

    <div id="interior-content-block">
        <div id="repeating-content">
            <div id="interior-content">
                <cc1:CMSEditableRegion ID="txtMain" runat="server" DialogHeight="312" RegionType="HtmlEditor" RegionTitle="Main Content" />
            </div>
        </div>

        <div id="side-navigation">
            <cms:CMSListMenu ID="CMSListMenuSub" runat="server" HighlightAllItemsInPath="true" ClassNames="CMS.MenuItem" RenderCssClasses="true" CSSPrefix="side1;side2" DisplayHighlightedItemAsLink="true" Path="/{0}/%"/>
        </div>
        <div style="clear: both;"></div>


#repeating-content-landing
{
    float: left;
    margin: 0px 0px 0px 40px;
    background: #959398 url(../site-images/landing-page/final-landing-page-design.jpg);
    width: 820px;
}

#interior-content
{
    padding: 32px 32px 32px 32px;
    background: #999999 url(../site-images/interior-content.gif)repeat-y;
    min-height: 312px;
}

#interior-content-landing
{
    padding: 0px 0px 0px 0px;
    background: #999999 url(../site-images/landing-page/final-landing-page-design.jpg) no-repeat;
    min-height: 700px;
}

<style />

Ответы [ 2 ]

0 голосов
/ 04 июня 2011

Другая вещь, которую стоит попробовать - разбить отдельные предметы на части: 

background-image: url(images/yourImage.png); 
background-repeat: no-repeat; 
background-position: center

Надеюсь, это поможет.

0 голосов
/ 03 июня 2011

Я считаю, что CSS не анализируется правильно, если значения свойств не расположены правильно. У вас нет пробела между вашим URL и повтором:

От: 

background: #999999 url(../site-images/interior-content.gif)repeat-y;

Кому: 

background: #999999 url(../site-images/interior-content.gif) repeat-y;
...