2

あなたの誰かが私を助けることができるかどうか疑問に思っています:

CSS 変換を使用して 2 つのサインアップ方法を切り替えるサインアップ モーダルを作成しました。「カードフリップ」タイプの効果を試してみることにしました。

  1. CSS 3D 変換をサポートする任意のブラウザーでこの JSfiddle を見てください。「昔ながらの方法」のテキストをクリックして、モーダルを「反転」します (デモ用に簡略化しています): http://jsfiddle.net/voodoo6/cnTMz/8/
  2. 次に、IE8/9 を見てみましょう。「背面」は前面よりも高く、IE は「背面の可視性: 非表示」をサポートしていません。裏面は正面の下に見えます。

JQuery と条件付き CSS を使用して、IE (および古いブラウザー) のロード時に「display:none」を「back」し、「display:block;」を追加しようとしました。クラスをクリックして表示するには、問題は、私は 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 に答える