在IE8中，當高度高於窗口時，-ms-過濾器背景消失。（滾動條出現時）

在IE8中，當div高於窗口時，-ms-filter背景消失。在IE7和以下工作正常。（我可以用1px的透明圖片，但如果我需要使用透明色加上背景圖片）在IE8中，當高度高於窗口時，-ms-過濾器背景消失。（滾動條出現時）

示例代碼和小提琴：

<!DOCTYPE html> 
<html lang="sk"> 
<head> 
    <meta charset="utf-8"> 
    <style> 
     html,body{height:100%;margin:0;padding:0;} 
     #one{ 
      float:left; 
      height:100%; 
      width:50%; 
      background:rgba(0,0,0,0.5); 
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC917C6F,endColorstr=#CC917C6F)"; 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC917C6F,endColorstr=#CC917C6F); 
     } 
     #two{ 
      float:right; 
      height:101%; 
      width:50%; 
      background:rgba(255,0,0,0.5); 
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCAAAA6F,endColorstr=#CCAAAA6F)"; 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCAAAA6F,endColorstr=#CCAAAA6F); 
     } 
    </style> 
</head> 
<body> 
    <div id="one"></div> 
    <div id="two"></div> 
</body> 
</html>

http://jsfiddle.net/9dmqg/4/ 謝謝。

來源

2013-03-05 user1508976

這是因爲p標籤的固定高度。作出這樣的固定高度min-height並添加height:auto

#one p { 
    height:auto; min-height:800px; 
} 
#two p { 
    height:auto; min-height:800px; 
}

DEMO

來源

2013-03-05 10:04:46 Sowmya

謝謝，但它不工作。（IE8）我不是在尋找某種clearfix。我更新了問題，發現問題不是來自p，而是直接來自div。 – user1508976 2013-03-05 12:53:07

在IE8中，當高度高於窗口時，-ms-過濾器背景消失。 （滾動條出現時）

回答

相關問題

在IE8中，當高度高於窗口時，-ms-過濾器背景消失。（滾動條出現時）