保證金頂部不工作在IE 6

我的代碼保證金頂部不工作在IE 6

<div id="header"> 
<div id="header_top">KIDS'<br>ZONE</div> 
</div>

CSS

#header{ 
     width:1024px; 
    height:150px; 
    background:url('../images/Orange.jpg'); 
    background-repeat:no-repeat; 
    background-size:1024px 150px; 
} 
#header_top 
{ 
    background:#842DCE; 
    width:125px; 
    height:70px; 
    float:left; 
    margin-left:50px; 
    margin-top:-20px; 
    color:white; 
    text-align:center; 
    font-family:"Times New Roman", Times, serif; 
    font-size:25px; 
    padding-top:5px; 
    opacity:1; 
    font-weight:bold; 

}

我的結果在其他瀏覽器除了IE

enter image description here

在IE

enter image description here

可能是它很簡單，BT我很努力，請大家幫我

來源

2012-06-26 Prashobh

嘗試設置「位置」屬性 – diEcho

請在jsfiddle.net中發佈您的代碼 – Subhajit

不，告訴仍在使用IE6的人們，他們需要升級。認真！請參閱http://www.ie6countdown.com/。 – paxdiablo

你應該認真溝IE6的支持。連微軟都提倡這個，按他們的IE6 Countdown網站：

有升級到Internet Explorer的較新版本的諸多好處 - 提高了速度，標籤瀏覽，更好的隱私設置，僅舉幾例。

網絡在過去的10年裏發生了顯着的變化。瀏覽器已經發展到適應新的網絡技術，並且最新版本的Internet Explorer有助於保護您免受新的攻擊和威脅。

我們建議Internet Explorer 6個的用戶升級到Internet Explorer的更新版本，爭取更安全的瀏覽體驗。

在某些時候，你真的只需要繼續前進。目前很少有人明確支持Netscape Navigator或Lynx瀏覽器，或者使用Fortran，BCPL或RCA1802彙編語言編碼。理由很充分。

而且，如果你是那些仍然堅持使用IE6的組織之一，因爲它「只是工作」（哈！），上面那個鏈接上的部分有一些資源可以幫助你你出去。

來源

2012-06-26 05:29:50 paxdiablo

CSS

#header{background-color:#FF6600; height:150px; margin-top:100px; position:relative; overflow:visible;} 
#header_top{width:100px; height:50px; position:absolute; top:-20px; left:25px; background-color:#CC0099;}

HTML

<div id="header"> 
     <div id="header_top"></div> 
    </div>

來源

2012-06-26 05:38:35 fesh

指定的位置是：絕對的子元素

如：

<style> 
#header {width:220px; height:150px; background-color:blue; margin:100px; position:absolute} 
#header_top {width:200px; height:130px; background-color:yellow; text-align:justify; margin-top:-50px; position:absolute} 
</style>

這裏是進一步參考鏈接：）Definitive Guide to Taming the IE6 Beast。 如果可能停止支持ie6。

來源

2012-06-26 05:40:02 Exor

保證金頂部不工作在IE 6

回答

相關問題