網站建設之十個有效解決IE頁面顯示BUG方法   
頁面顯示的BUG問題 
解決辦法  相對位置和溢出隱藏 為父元素增加position:relative;  PNG透明 
img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}  :hover偽類 
/* jQuery Script */
　　$('#list li').hover(
　　function () {
　　$(this).addClass('color');
　　},
　　function() {
　　$(this).removeClass('color');
　　}
　　);
　　/* CSS Style */
　　.color {
　　background-color:#f00;
　　}
　　/* HTML */
　　<ul id="list">
　　<li>Item 1</li>
　　<li>Item 2</li>
　　<li>Item 3</li>
</ul>
  雙倍邊距bug 
div#content {
　　float:left;
　　width:200px;
　　margin-left:10px;
　　/* fix the double margin error */
　　display:inline;
　　}  IE6 幽靈文本 
    使用<!—[IF !IE]>標簽包圍注釋
　　移除注釋
　　在前浮動上增加樣式 {display:inline;}
　　在適當的浮動的div上使用負邊距
　　在原文本增加額外的 (比如10個空格) (hacky way)
  Bicubic圖像縮放 img { -ms-interpolation-mode: bicubic; }
  禁用IE默認的垂直滾動條 
  使用overflow:auto，讓滾動條只在你需要時出現。
　　html {overflow: auto;}
  IE的最小高度 
    selector {
　　min-height:500px;
　　height:auto !important;
　　height:500px;
　　}
  盒模型Hack 
    或者你可以用CSS Hack來解決這個問題。所有標準兼容的瀏覽器都能讀取w\\idth:180px 除了IE5。
　　#content {
　　padding:10px;
　　border:1px solid;
　　width:200px;
　　w\\idth:180px;
　　}
  IFrame透明背景 
    /* in the iframe element */
　　<iframe src="content.html" allowTransparency="true">
　　</iframe>
　　/* in the iframe docuement, in this case content.html */
　　body {
　　background-color:transparent;
　　}
　　更多網站建設知識：http://www.sjf2002.com/html/c316/