gpt4 book ai didi

html - 在 IE8 中,当高度高于窗口时,ms-filter 背景消失。 (当出现滚动条时)

转载 作者:行者123 更新时间:2023-11-28 03:34:38 25 4
gpt4 key购买 nike

在IE8中,当div高于window时,-ms-filter背景消失。在 IE7 及以下版本中工作正常。 (我可以使用 1px 透明图像,但如果我需要使用透明颜色加背景图像怎么办)

示例代码和 fiddle :

<!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/谢谢。

最佳答案

那是因为 p 标签的高度是固定的。将该固定高度设置为 min-height 并添加 height:auto

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

DEMO

关于html - 在 IE8 中,当高度高于窗口时,ms-filter 背景消失。 (当出现滚动条时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15220880/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com