gpt4 book ai didi

css - IE9 圆 Angular 和过滤器 : progid:DXImageTransform. Microsoft.gradient

转载 作者:技术小花猫 更新时间:2023-10-29 10:28:01 25 4
gpt4 key购买 nike

我使用 filter: progid:DXImageTransform.Microsoft.gradient 获取 IE <9 的渐变。现在,当结合阴影或下面的不同背景时,我会看到方框突出。

有没有办法在没有条件和外部样式表的情况下保持向后兼容性?

查看代码:

.class {
float:left;
border:solid 1px #AAA;
position:absolute;
z-index:1;
text-align:left;
width:350px;
margin: 12px 0px 0px 0px;
background:#FFFFFF;
border-radius:5px;
box-shadow:5px 5px 5px #BBBBBB;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#FFFFFF);
}

<div class="class">this</div>

最佳答案

我会(向所有人推荐!)使用 Paul Irish's technique看起来像这样:

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> 
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if gt IE 9]> <body> <![endif]-->
<!--[if !IE]><!--> <body> <!--<![endif]-->

在您的 HTML 中。

然后在你的 CSS 中你可以这样写:

#someID {
color:lawngreen;
}

.ie6 #someID {
color:lightgoldenrodyellow;
}

.ie8 #someID, .ie9 #someID {
color:saddlebrown;
}

针对不同的 IE。这是一种解决很多问题的简单技术(没有额外的 HTTP 请求,对于所有浏览器来说都是可以忽略不计的额外代码)。

关于css - IE9 圆 Angular 和过滤器 : progid:DXImageTransform. Microsoft.gradient,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5571952/

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