需要 Jquery/CSS 帮助来为 IE 和旧版浏览器进行回退

Question

想知道你们是否可以帮助我:

我制作了一个注册模式，它使用 CSS 转换在两种注册方法之间切换。我决定尝试“卡片翻转”类型的效果。

1. 在任何支持 CSS 3D 转换的浏览器中查看此 JSfiddle - 单击“老式方式”文本来“翻转”模式(出于演示目的而进行了简化): http://jsfiddle.net/voodoo6/cnTMz/8/
2. 然后看看 IE8/9 - 因为“背面”比正面高，并且 IE 不支持“backface-visibility:hidden;”反面可以在正面下方看到。

我一直在尝试使用 JQuery 和条件 CSS 在 IE(和旧版浏览器)中加载时“显示:无”“返回”，然后添加“显示: block ；”类来在点击时显示它，问题是，我是一个 JQuery 初学者，一直在努力让它工作!甚至不确定这是否是最好的方法？任何人都可以建议一种方法，使其在功能较差的浏览器中正常工作吗？

感谢您的建议..

Answer 1

$().ready(function(){

var userAgent = navigator.userAgent.toLowerCase();
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
var browserName = '';
var version = '';
var displayPop = false;
var chromeversion=11; //working when chrome have version below 11 
var safariversion=5;  //working when safari have version below 5
var firefoxversion=3.6; //working when firefox have version below 3.6
var miseversion=9; //working when ie have version below 9
var operaversion=10; //working when opera have version below 10

if ($.browser.chrome) {
    userAgent = userAgent.substring(userAgent.indexOf('chrome/') + 7);
    userAgent = userAgent.substring(0, userAgent.indexOf('.'));
    $.browser.version = userAgent;
    $.browser.safari = false;
    browserName = 'Chrome';
    version = $.browser.version;
    displayPop= parseInt(version) < chromeversion ? true : false;
} else if ($.browser.safari) {
    userAgent = userAgent.substring(userAgent.indexOf('version/') + 8);
    userAgent = userAgent.substring(0, userAgent.indexOf(' '));
    $.browser.version = userAgent;
    $.browser.safari = false;
    browserName = 'Safari';
    version = $.browser.version;
    displayPop= parseInt(version) < safariversion ? true : false;
} else if ($.browser.mozilla) {
    browserName = 'Mozilla';
    var ver = userAgent.split('firefox/');
    version = ver[1];
    displayPop= parseFloat(version) < firefoxversion ? true : false;
} else if ($.browser.msie) {
    browserName = 'IE';
    version = $.browser.version;
    displayPop= parseInt(version) < miseversion ? true : false;
}

if (displayPop) {
        alert(browserName); // current browser name
        alert(version);// current version of the browser
        $('h1').html('Lower version!'); // write your code
}


});