0

您对 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