私たちの開発者は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();
});
});
});