gpt4 book ai didi

javascript - 如何使用 IE8 的 css 文件替换或删除任何特定的 CSS 属性,并且仅使用 javascript 降低?

转载 作者:行者123 更新时间:2023-11-30 09:01:25 27 4
gpt4 key购买 nike

这是我只想要用于 IE8 和更低版本

的 css 代码
background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); / IE6-8 */

但是如果用户使用的是 IE9,我要么想从 CSS 文件中删除这个属性,要么我想替换为 filter:none

是否可以使用 javascript、jquery?我知道我可以为 IE 使用单独的样式表,但只是好奇是否可以使用 javascript。

编辑:

是否可以像在 javascript 或 jquery 中一样

// If browser is IE9 

然后替换

过滤器:progid:DXImageTransform.Microsoft.gradient(values)

filter:none

最佳答案

我认为最简单的方法是使用条件代码在您的 HTML 元素上放置一个“IE”类...我想我最初是从 HTML5 样板文件中得到的 http://html5boilerplate.com/

<!doctype html>

<!--[if lt IE 7 ]> <html class="no-js ie" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

.bg-gradient {background: filter: 0, #999}

.ie .bg-gradient {
background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); / IE6-8 */
}

然后简单地使用添加和删除类来删除“元素”类

$(document).ready(function(){
$('.element').addClass('bg-gradient');
})

过滤器不会由非 IE 浏览器呈现,因此为所有浏览器添加或删除它,除了 IE 6-8 将具有与只为 IE9 执行相同的效果。我还相信 ie9 支持多个背景属性,因此其他浏览器应该跳过第一个逗号分隔值——理论上——我还没有测试过。如果没有,只需使用常规的 css2 语法:

.bg-gradient {background: filter: 0}

关于javascript - 如何使用 IE8 的 css 文件替换或删除任何特定的 CSS 属性,并且仅使用 javascript 降低?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8929059/

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