2011-06-03 60 views
1

我很努力讓我的內部背景圖像在IE中顯示,在FF和Chrome中正常工作。不能弄明白。內部內容背景不會在IE中顯示

<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 /> 
+0

爲什麼不是你的風格標有而且它不在標題上。如果CSS假設是分開的,請說。 – Jung3o 2011-06-03 16:44:26

+0

對不起。它已被編輯 – 2011-06-03 17:38:38

回答

0

我相信,除非屬性值適當間隔出來的CSS不能正確分析。你有你的網址,然後重複之間沒有空格:

來源:

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

要:

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

謝謝傑格,就是這樣!我正在編輯cms中的css,看起來好像在那裏有一個空間。愚蠢的錯誤,花費我3個小時。再次感謝! – 2011-06-03 17:21:01

0

的另一件事是嘗試打破單個項目分開:

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

希望這有助於。