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

Question

想知道你们中是否有人可以帮助我：

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

1. 在任何支持 CSS 3D 转换的浏览器中查看此 JSfiddle - 单击"老式方式"文本以"翻转"模态（简化用于演示目的）：http://jsfiddle.net/voodoo6/cnTMz/8/
2. 然后看看IE8/9 - 因为"背面"比前面高，而IE不支持"背面可见性：隐藏";背面可以在前面下方看到。

我一直在尝试使用 JQuery 和

条件 CSS 在 IE（和旧版浏览器）中加载时"显示：无"的"后退"，然后添加一个"display：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
}

});