gpt4 book ai didi

css - 我如何使用过滤器 : for ie8 that won't affect ie9?

转载 作者:行者123 更新时间:2023-11-28 13:25:57 26 4
gpt4 key购买 nike

我有一个允许我定义 alpha 背景的 sass mixin

@mixin background-rgba($r,$g,$b,$a) {

$color: ie_hex($r,$g,$b,$a);
$value: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=##{$color},endColorstr=##{$color})");

//ie
-ms-filter: $value;
filter: $value;
zoom: 1;

background-color: transparent\9;
// Good browsers.
background-color: rgba($r,$g,$b,$a);

这适用于 IE 7-8,但 IE9 正在使用过滤规则。我意识到我可以在 <head> 中使用条件标签但这并不是我真正需要的。我需要能够在所有地方使用它。

最佳答案

您想避免在 <head> 中使用条件标签为它提供 IE 特定的 CSS(据我了解你的陈述)。否则我可以想到两个想法:

IE9类

不确定你是否也反对using conditional comments to set a class on the html or body tags ?或者除此之外,使用 javascript 设置类似的类。然后你可以预设mixin来生成一个...

.ie9 .yourSelectorUsingtheMixin { filter: none; ms-filter: none; }

...在使用 background-rgba 的主要条目之后混入。

@媒体黑客

This post注意到一个针对 IE9 的 hack,它结合了 @media真正的黑客操作\0/那将是以下形式:

@media all and (min-width:0) {
.yourSelectorUsingtheMixin {
filter: none \0/;
-ms-filter: none \0/;
}
}

关于css - 我如何使用过滤器 : for ie8 that won't affect ie9?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14176021/

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