このプロジェクトのカスタムスライダを書きましたが、http://dl.dropbox.com/u/18292748/Sites/enblaze/index.htmlとIE8以外のどこでも正しく動作するようです。何が起こるかというと、ページが最初にロードされたときに、最初のスライドが正常に見えるが、その後であなたがそのような次のスライドのすべてのブレークに行くに変更する場合:jQuery IE8 cssが動作しないかatleastが正しく動作しない
主にCSSを変更する2つの関数は、次のとおりです。
function showAnimation(slide) {
if(animating || visible) {
return;
} else {
animating = true;
//enter animation
// slide.wrapper.css({'visibility': 'visible'});
// $('wrap_slides').addClass('ieFails');
slide.bg.animate({'opacity':1}, speed, function() {
slide.sep.animate({'opacity':1}, speed+400);
slide.typo.animate({'opacity':1, top:0}, speed, function() {
slide.people.animate({'opacity':1}, speed, function() {
slide.preview.animate({'opacity':1},speed, function() {
animating = false;
visible = true;
});
});
});
});
}
}
function hideAnimation(slide, cb) {
if(animating || visible==false) {
return;
} else {
animating = true;
//exit animation
slide.preview.animate({'opacity':0},speedxit, function() {
slide.people.animate({'opacity':0},speedxit,function() {
slide.sep.animate({'opacity':0},speedxit, function() {
slide.typo.animate({'opacity':0, 'top': -220},speedxit, function() {
animating = false;
visible = false;
$('.wrap_slide').css({'z-index':8});
slide.wrapper.css({'z-index':9});
cb();
});
});
});
});
}
}
これはかなりスライダーhttp://dl.dropbox.com/u/18292748/Sites/enblaze/assets/javascripts/lib/slider.js ないためのjsの完全なソースですが、それは、これまで働いていました。 私はie8の条件付きターゲットを作成しようとしましたが、addClass関数(最初のスライドがきれいに見えるので、アクティブ化されたスライドのみをターゲットにする)さえ動作しないようです。
私は無力感を感じます。
IE8以下ではデザインしないことをお勧めしますか?それは時代遅れの "技術"です。私はこのコードを使用しています: '<! - [If IE 9]><?php include_once( 'include/outdated_browser.php'); ?> '。このようにして、ユーザーはブラウザを更新するよう強制されます:) – Steven
@スティーブン - 私はそれをデザイナーに任せているとは思わない。 IE8はまだ2番目によく使われているブラウザではありませんか? – Niklas
提案してくれてありがとう@Steven、しかしIE8の市場シェアはまだ10%を超えているので、それは余裕がない。 – zevstatiev