jQuery对边界半径内的div设置动画。停止边界半径在设置动画时丢失。不停摆弄

我最初面临的是一个共同的问题

所以我按照上面的问题解决了这个问题

---

但我想在悬停时在这个标记中设置一个div的动画，所以我添加了这个css和jquery

但是现在当我悬停这个元素时，动画发生了，我失去了所有的边界半径

啊啊啊！为什么会这样

看它在行动中发生

<span class="outer">
    <div class="outer">
        <div class="inner">
        </div>
    </div>
</span>

\

---

你忘了在外分区添加边框

div.outer {   
    overflow:hidden;    
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 6px;
    border: white 2px solid;
}

我说得对吗

---

演示：

像这样的浏览器错误今天仍然存在，这让我感到惊讶。@ChristianVarga，这是真的吗！？不行。只是边界是圆形的，而不是实际的正方形。试着在狩猎中寻找

$("span.outer").hover(function() {
    $(this).find('.inner').animate({
        left: '-200px'
    }, 100, function() {
        // Animation complete.
    });
}, function() {
    $(this).find('.inner').animate({
        left: '0'
    }, 100, function() {
        // Animation complete.
    });
});

div.outer {   
    overflow:hidden;    
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 6px;
    border: white 2px solid;
}