我正在努力让我的内部背景图像在 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 />
最佳答案
我相信 CSS 无法正确解析,除非属性值的间距正确。您的网址和重复之间没有空格:
来自:
background: #999999 url(../site-images/interior-content.gif)repeat-y;
收件人:
background: #999999 url(../site-images/interior-content.gif) repeat-y;
关于html - 内部内容背景不会在 IE 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6229913/