Question

我正在使用-webkit-border-radius：4px的组合; border-radius：4px;和弯曲的角落使我的标签圆润。我使用了一个jsf.ajax.addOnEvent（函数（数据），即使在ajax调用之后也可以使曲线工作。但是如果我继续前进，我的标签的颜色必须改变一个问题下一个。但那不会发生。我能够移动选项卡下面的中心，但选项卡的颜色仍然保持不变。虽然我明白选项卡上的moz-web-tool工具包导致了问题。如果删除它，那么它的工作正常。但我需要一个弯曲。它在mozilla工作完美但问题出现在IE.Any解决方案

.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
    .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
    .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
    .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

我在xhtml页面上使用它。

<script type="text/javascript" src="/common/js/jquery.corners.js"></script>
<script type="text/javascript"> 
    $(document).ready(function() {
        $('.rounded').corners("4px");
    });
</script>

我没有保留任何xhtml代码，但标记jsf的原因是，因为我不确定这个场景是否是由任何jsf.ajax.addOnEvent引起的。因为add onevent仅适用于第一次。任何帮助将不胜感激。谢谢

IE标签上的圆角问题

0 个答案: