Помощта за Jquery / CSS е необходима за направата на резервно копие на IE и старите браузъри - jquery, css

Чудите се дали някой от вас може да ми помогне:

Аз направих модално записване, което използва трансформация на CSS, за да превключвате между два метода за записване. Аз реших да опитам ефект от типа "card flip".

1. Разгледайте този JSfiddle във всеки браузър, който поддържа CSS 3D трансформации - кликнете върху "старомодния" текст, за да "обръщате" модалния (опростен за демонстрационни цели): http://jsfiddle.net/voodoo6/cnTMz/8/
2. След това погледнете в IE8 / 9 - тъй като "гърба" е по-висок от предната и IE не поддържа "обратна видимост: скрита"; обратното може да се види под предната част.

Опитвах се да използвам JQuery и условноCSS да "покаже: няма" "назад" при зареждане в IE (и по-стари браузъри), след това добавете "display: block"; за да го покаже на клик, проблемът е, че "аз JQuery начинаещ и се борят да го накара да работи! Не е сигурен дали това е най-добрият подход? Може ли някой да предложи подход, който ще получи това работи в по-малко способни браузъри ?

Благодаря за съветите ..

Отговори:

$().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
}


});