jquery - IE8 位置 : absolute;

Question

这段代码在 firefox 中将黄色框向右移动了大约 20px，但在 IE8 中它在页面上移动了 20px(它被剪裁了)。

    #box1, #box2 {
        width: 100px; 
        height: 100px; 
    }

    #box1 { 
        background: yellow; 
        position: absolute;
    }

    a {
        position: absolute;
        top: 300px;
    }


<div id="wrapper">
    <div id="box1"></div>

    <a href="#">Link</a>
</div>

<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(function(){
            $('a').click(function(){
                $('#box1').animate({
                    right: '-=20px'
                    });
            });
    });
</script>

在这种情况下是否有任何 hack 可以使 ie 表现得像 firefox？

Answer 1

使用 right，使用 left: '+=20px'。同时为 #box1 添加你的 css left:20px。

演示: http://jsfiddle.net/RqfwE/1/