0

私たちの開発者はCSS3PIEとIE8で多くの問題を抱えているので、CSS3PIEとIE8でのあなたの経験は何ですか。

ChromeとIE9では正常に動作しているように見えますが、IE8は別のエクスペリエンスです。css3pieスタイリングが適用されるタブコンポーネントがあり、あるタブを別のタブに移動すると、点滅/ジャークとコンテンツレイアウトが上下に移動します。また、ブラウザの「ロード」イベントが完了するまでCSSPIEは実行されないようです。そのため、背景が「ロード」されると「点滅」し、CSSPIEが実行されてフォーマットが適用されます(IE8の問題のみ)。 。

過去に同様の問題に遭遇した人はいますか?もしそうなら、この修正を共有してください

ここに画像の説明を入力してください

これは私が使用しているjqueryスクリプトです

    $(document).ready(function(){
            $('ul.tabs').each(function(){
                var $active, $content, $links = $(this).find('a');
                $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
                $active.addClass('active');
                $content = $($active.attr('href'));
                $links.not($active).each(function () {
                    $($(this).attr('href')).hide();
                });
                $(this).on('click', 'a', function(e){
                    $active.removeClass('active');
                    $content.hide();
                    $active = $(this);
                    $content = $($(this).attr('href'));
                    $active.addClass('active');
                    $content.show();
                    e.preventDefault();
                });
            });
            $('ul.main').each(function(){
                var $active, $content, $links = $(this).find('a');
                $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
                $active.addClass('active');
                $content = $($active.attr('href'));
                $links.not($active).each(function () {
                    $($(this).attr('href')).hide();
                });
                $(this).on('click', 'a', function(e){
                    $active.removeClass('active');
                    $content.hide();
                    $active = $(this);
                    $content = $($(this).attr('href'));
                    $active.addClass('active');
                    $content.show();
                    e.preventDefault();
                });
            });
        });
        ​

4

0 に答える 0