ie8 透明度旋转 $.each兼容问题

最新推荐文章于 2021-10-15 17:28:14 发布

xiaotangaimama

最新推荐文章于 2021-10-15 17:28:14 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：兼容IE透明度兼容IE旋转 IE jquery each

本文链接：https://blog.youkuaiyun.com/xiaotangaimama/article/details/88545746

前端专栏收录该内容

2 篇文章

订阅专栏

本文总结了IE8浏览器中常见的CSS和JS兼容性问题及解决方案，包括透明度、旋转效果和$.each()方法的兼容性调整，适用于前端开发人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常见css兼容

平时项目中遇到一些子兼容问题做个总结

透明度兼容

var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
//从代码中直接粘贴出来的  了解IE各个版本的使用
var ele  = document.getElementById("id");
if(Sys.ie){
	if(Sys.ie == 9){
		ele.offsetParent.style.background = 'rgba(255,255,255,0)';
	}else if(Sys.ie < 9){
		ele.offsetParent.style.position="static";
		ele.offsetParent.style.backgroundColor ="";
	}else if(Sys.ie == 10){
		ele.offsetParent.style.backgroundColor = 'rgba(255,255,255,0)';
	}else {
		var o9 = 0 * 100;
		ele.offsetParent.style.filter = "alpha(opacity="+o9+");";
	}
}else{
	//谷歌透明度设置
	ele.offsetParent.style.background = 'rgba(255,255,255,0)';
}

旋转

//添加下面样式 一般都可以解决
transform:rotate(-30deg);
-ms-transform:rotate(-30deg);
-o-tranform:rotate(-30deg);
-webkit-transform:rotate(-30deg);
-moz-transform:rotate(-30deg);

常见js兼容问题

IE8 $.each 样式问题

$.each 的兼容问题，出现了样式错位

$.each(prounitlist2, function(i, value) {
	th2 += " <tr class='unittr2'><td>" + (i+1) +"</td></tr>";  
});

在ie 下循环用 for循环解决