問題在IE8中的背景圖像

我已經嘗試了各種修復程序，但我仍然無法解決這個在IE8中相當惱人的問題。我有一個包含兩個子Div的容器Div，一個向左漂移，另一個向右漂移。有一個應用於容器DIV的背景圖像，這在ie6和ie7中應該呈現，但是在ie8中它不會出現。我認爲問題在於，應用於兩個子元素的頂部填充未受到ie8的尊重/應用，並且由於背景圖像的高度僅爲11px，因此這兩個子元素與父DIV坐在齊平，因此背景圖像不顯示。問題在IE8中的背景圖像

這裏是我的代碼和CSS：

 <div id="bottom"> 

     <div class="moduletable_footermenu"> 
    <ul class="menu"><li class="item56"><a href="/~domain/index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=56"><span>Class Schedule</span></a></li><li class="item57"><a href="/~domain/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=4&amp;Itemid=57"><span>Testimonials</span></a></li><li class="item58"><a href="/~domain/index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=58"><span>Contact</span></a></li><li id="current" class="active item59"><a href="/~domain/index.php?option=com_xmap&amp;sitemap=1&amp;Itemid=59"><span>Sitemap</span></a></li></ul> </div> 

    <div class="moduletable"> 
    Copyright &#169; -2010 sitename </div> 


    </div><!--end of bottom -->

CSS：

div#bottom { 
clear:both; 
width:1014px; 
margin:0px auto; 
background:url(../images/footer-shadow.gif) top no-repeat; 
} 

div#bottom div.moduletable { 
width:400px; 
float:left; 
font-size:0.9em; 
color:#ccc; 
padding:15px 0px 15px 0px; 
} 

div .moduletable_footermenu{ 
float:right; 
padding:15px 30px 15px 0px; 
}

它必須是具體到IE8的東西，可能是一些非常小斯導致了問題 - 任何人都可以請發現這個問題？無論我嘗試什麼，我似乎無法解決它。

感謝您的幫助。

在此先感謝。

來源

2010-11-27 qpidity

您是否試過Firefox和Chrome/Safari？你使用標準的DOCTYPE嗎？他們應該像IE8那樣行事。

在標準CSS中，容器的高度不會調整到浮動框的高度;我希望IE8不會顯示容器（height = 0px），因爲它是一個更標準兼容的瀏覽器。

如果您在標準兼容瀏覽器中查找IE6/7中的效果，請搜索'clearfix'解決方案。

來源

2010-11-27 14:10:48 timdream

嗨，我的背景圖像在Firefox和Chrome中正常呈現沒有任何問題，所以我不認爲這是你所指的高度問題。 – qpidity 2010-11-27 14:57:16

問題在IE8中的背景圖像

回答

相關問題