ie8不支持transform: translateY，ie9支持不友好

transform: translateY(0); ie8 不支持这个属性但是我觉得用css实现的效果特好特自然也许是我的脚本写的不够完善呵呵现在我希望其他主流的浏览器应用CSS3 其他不兼容的就给一个不是很差的效果

判断是否支持的代码

function supportCss3(style) {
var prefix = ['webkit', 'Moz', 'ms', 'o'],
i,
humpString = [],
htmlStyle = document.documentElement.style,
_toHumb = function (string) {
return string.replace(/-(\w)/g, function ($0, $1) {
return $1.toUpperCase();
});
};

for (i in prefix)
humpString.push(_toHumb(prefix[i] + '-' + style));

humpString.push(_toHumb(style));

for (i in humpString)
if (humpString[i] in htmlStyle) return true;

return false;
}

然后用法

if(!supportCss3('animation-play-state')){ 是否支持不支持就条用里面的代码
$(".figure .figcaption").css({
top: '180px'
});
$(".figure .figcaption-btn").css({
top: '-180px'
});
$(".figure").hover(function() {
var b1=$(this).find('.figcaption');
var b2= $(this).find('.figcaption-btn');
if(!b1.is(":animated")){
b1.animate({top:'0',opacity: '.8'});
b2.animate({top:'0',opacity: '1'});
}

}, function() {
$(this).find('.figcaption').stop(false,true).animate({top:'180px',opacity: '0'});
$(this).find('.figcaption-btn').stop(false,true).animate({top:'-180px',opacity: '0'});
});

}

ie8不支持transform: translateY，ie9支持不友好相关推荐

ie9支持string.trim()
忽然间发现 ie9支持string.trim()! 搞得我以为我写的代码是对的,结过在别的浏览器上一测就报错了.
解决ie8及低版本浏览器不支持html5标签属性
html5新标签<head>.<nav>.<footer>兼容性 - 经验小结,处理方案 IE支持: IE8或更早的版本不支持HTML5的<nav>标签 ...
filter在ios不兼容 js_jq的animate属性不支持transform 和 ios手机上box-shadow兼容性问题和...
一.jq的animate属性不支持transform 解决方法,用jq的插件jquery.transit.js $('#pano').children().children().transition( ...
html不支持css3,ie不支持css3吗？
css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种 ...
邮件发送类，支持HTML格式，支持优先级设置
www.chinacs.net 2002-5-9 中文C#技术站邮件发送类,支持HTML格式,支持优先级设置.通过SOCKET类实现的 using System; using System.Te ...
TensorRT是NVIDIA开发的深度学习推理工具，只支持推理，不支持训练引
. TensorRT是NVIDIA开发的深度学习推理工具,只支持推理,不支持训练: 目前TensorRT3已经支持Caffe.Caffe2.TensorFlow.MxNet.Pytorch等主流深 ...
PHP支持模板,让ThinkPHP5支持模板主题（参照ThinkPHP3.2）
该主题支持参考ThinkPHP3.2,因很多网友呼吁,官方仍未推出支持模板主题的更新,我自己修改代码,完美支持主题该主题支持参考ThinkPHP3.2,因很多网友呼吁,官方仍未推出支持模板主题的更新 ...
hm55主板支持最大内存_内存频率取决于CPU还是主板？内存频率看主板支持还是看CPU支持？...
内存频率取决于CPU还是主板还是内存自身?高频内存在日常使用确实感受不到性能差异,不过在部分游戏中,确实对游戏帧数有一定的提升.对于准备新装机用户,不少用户发现CPU和主板都有内存支持频率参数,可能有 ...
中dubbo所需要的依赖_Dubbo介绍、dubbo架构图、dubbo运行和执行流程、dubbo支持的协议以及支持的注册中心...
第67次(Dubbo) 学习主题:Dubbo 学习目标: 掌握Dubbo的作用,理解Dubbo的架构图掌握Dubbo支持的协议以及支持的注册中心 1. Dubbo介绍 1.1 什么是Dubbo? D ...
在线的IDE(compilr)支持图形界面，支持C,C++,JAVA
在线的IDE(compilr)支持图形界面,支持C,C++,JAVA 之前的博文介绍过几个个在线的IDE: 推荐一个在线的IDE(CodeRun Studio)-支持C#/JavaScript/PHP ...

ie8不支持transform: translateY，ie9支持不友好

ie8不支持transform: translateY，ie9支持不友好相关推荐

最新文章

热门文章