Question

我尝试动画css属性中的一些更改。这个想法是当你点击它时改变一个盒子的大小（盒子实际上是一个div）

适用于Chrome＆amp; IE 7,9,10，但是当我使用IE8时动画中存在问题。

当一个div的大小增加时，其他div被翻译。每个div都包含一个纯文本字母。当div被翻译时，这个div中包含的字母也会发生同样的事情。

但是对于IE8，如果字母的翻译是流动的，那就不是div的情况。

结果是div不能正确翻译（以流畅的方式），但文本确实如此。

IE7或9不会发生此问题，仅适用于IE8。

你对此有何建议？

这是我创造的小提琴。它被简化了。尝试点击方框以获得更好的想法，我的解释可能有点混乱。

JSFiddle：http://jsfiddle.net/jG53Z/

var idPreviousClick = 1;

$(document).ready(function () {
    var int;
    $('.answerDiv').click(function () {
        if (idPreviousClick === $(this)[0].id) {
            alert
        } else {
            for (int = 0; int < 3; int++) {
                $("#" + (int + 1)).css({
                    height: '100',
                    width: '100',
                    top: '0',
                    'line-height': '100px'
                });
            }
            $("#" + ($(this)[0].id)).animate({
                height: '120',
                width: '120',
                top: '-10',
                'line-height': '120px'
            });
            idPreviousClick = $(this)[0].id;
        }
    });

});

如果你能知道为什么在这个特定的IE8版本中没有正确产生效果。

谢谢你，添

Answer 1

CSSPIE使动画特别慢，尤其是IE8。我避免它，因为我需要这个动画，但是会使用jquery.corner.js，它为我提供了我需要的角落和流畅的动画。

http://jquery.malsup.com/corner/

您还可以在此页面中看到如何构建边框。如果浏览器支持，您可以使用此脚本的边界半径。

Js Animate与IE8无法正常工作

JSFiddle：http://jsfiddle.net/jG53Z/

1 个答案: