相关疑难解决方法(0)

为了实现跨浏览器兼容性,我们倾向于使用特定于供应商的扩展和标准CSS3语法.我知道CSS3仍处于草案阶段,但我们已经开始使用它了.但问题是,它们发生的顺序是否非常重要？

例如,让我们看看这里

-moz-border-radius: 10px;
border-radius: 10px;

这适用于浏览器特定的border-radius,然后回退到标准方法,后者将有希望被忽略,但仍然.

同样,切换他们的订单

border-radius: 10px;
-moz-border-radius: 10px;

现在,这首先尝试标准语法,然后回退到基于浏览器的扩展.

订购有什么不同吗？可能在性能方面还是其他方面.

请看看这个:

http://jsfiddle.net/tmPfV/

如果单击右键,则框向右移动;如果单击左键,则框向左移动.但是,如果再次单击右键,则没有...

我怎样才能让它随心所欲地左右移动而不是一轮工作而不再工作？

此外,如果你先左,然后右,它也会搞砸,怎么解决？

jQuery的:

            $('.right').click(function(e) {
                e.preventDefault();
                $('#foo').animate({
                    'right' : '30px'    
                });                 
            });
            $('.left').click(function(e) {
                e.preventDefault();
                $('#foo').animate({
                    'left' : '30px'
                });                 
            });

HTML:

        <a href="" class="left">left</a> | <a href="" class="right">right</a>
        <br /><br />
        <div id="foo" style="background:red;width:100px;height:100px;position:absolute"></div>