2

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

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

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

我一直在尝试使用 JQuery 和条件 CSS 在 IE（和较旧的浏览器）中加载时“显示：无”“返回”，然后添加“显示：块；” 类在点击时显示它，问题是，我是一个 JQuery 初学者，一直在努力让它工作！甚至不确定这是否是最好的方法？任何人都可以提出一种可以在功能较弱的浏览器中使用的方法吗？

谢谢你的建议。。

4

1 回答 1

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


});
于 2012-06-23T12:48:50.957 回答