Pomôcka Jquery / CSS je potrebná na to, aby sa pre IE a staršie prehliadače stala záložná - jquery, css

Zaujíma vás, či mi niekto z vás môže pomôcť:

Vytvoril som režim registrácie, ktorý používa transformáciu CSS na prepínanie medzi dvoma spôsobmi registrácie. Rozhodol som sa vyskúšať efekt typu „preklopenia karty“.

1. Pozrite sa na toto JSfiddle v každom prehliadači, ktorý podporuje CSS 3D transformácie - kliknutím na text „staromódny spôsob“ môžete „prevrátiť“ modálne (zjednodušené na demonštračné účely): http://jsfiddle.net/voodoo6/cnTMz/8/
2. Potom sa pozrite na IE8 / 9 - pretože „zadná časť“ je vyššia ako predná časť a IE ju nepodporuje; Spiatočka je viditeľná pod prednou časťou.

Snažil som sa používať JQuery a podmienenéCSS na „display: none“ „back“ pri načítaní v IE (a starších prehliadačoch), potom pridajte „display: block;“ trieda, ktorá sa zobrazí po kliknutí, problém je, že som začiatočník JQuery a snažil som sa, aby to fungovalo! Ani si nie je istý, či je to ten najlepší prístup? Môže mi niekto navrhnúť prístup, ktorý by túto prácu mohol spustiť v menej schopných prehliadačoch? ?

Ďakujeme za radu ..

odpovede:

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


});