小编Sle*_*e81的帖子

为什么我的div背景渐变不适用于IE9

我一直在试图如何使用IE9的背景渐变来获得DIV的背景.有趣的是,除了这个之外,DIV的显示梯度的其余部分.

我正在使用的代码是:

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#388EBB', endColorstr='#5D9ABA')
Run Code Online (Sandbox Code Playgroud)

为了更好地理解,我创建了一个名为leaderboard的div类,它位于屏幕的右上方,位置是固定的.

除此之外,页面中具有渐变的其余元素将被正确呈现.难道我做错了什么?

编辑

这就是我的#respond看起来的样子(绝对正常)

#respond {
    -moz-box-shadow: 0 0 1px #CCCCCC;
    -webkit-box-shadow: 0 0 1px #CCCCCC;
    border-top: 1px solid #ECEDE8;
    float: left;
    margin-left: 10px;
    width: 370px;
    margin-bottom: 15px;
    background: -moz-linear-gradient(center bottom , #E8E8E8 0%, #F2F2F1 50%) repeat scroll 0 0 #F5F5F4;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#f2F2F1)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F2F2F1'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F2F2F1'); /* for IE */

}
Run Code Online (Sandbox Code Playgroud)

这就是.leaderboard的样子

.leaderboard {
    border: 1px solid #5D9ABA;
    -moz-border-radius: 0px 0px …
Run Code Online (Sandbox Code Playgroud)

css3 internet-explorer-9

4
推荐指数
2
解决办法
2万
查看次数

标签 统计

css3 ×1

internet-explorer-9 ×1