Html IE8/IE9错误-使用IE过滤器时出现意外行为
我使用以下代码创建了一个html块:Html IE8/IE9错误-使用IE过滤器时出现意外行为,html,css,internet-explorer-9,Html,Css,Internet Explorer 9,我使用以下代码创建了一个html块: <div class="container"> <div class="float">info<br/>info<br/>info</div> <div class="fluid"> <div class ="fluidinner"> <div class="text">one two</div>
<div class="container">
<div class="float">info<br/>info<br/>info</div>
<div class="fluid">
<div class ="fluidinner">
<div class="text">one two</div>
<div class="cleardiv"></div>
</div>
</div>
</div>
因此,“fluid”具有坚实的背景,而“fluid2”具有使用IE filter属性“filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3dadb',endColorstr='#ffffff',GradientType=0)”的背景渐变
结果(屏幕截图):
“fluid2”虽然清晰,但不会延伸到其容器的高度
jsiffle:您需要将渐变应用于容器:
.float {
background-color:pink;
width:100px;
float:left;
}
.fluid {
background-color:#d3dadb;
padding:5px;
}
.fluid2 {
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3dadb', endColorstr='#ffffff',GradientType=0 );
padding:5px;
}
.fluidinner {
background-color: gray;
}
.cleardiv {
clear:both;
}