0

我正在尝试为 IE8 中的某些元素添加角点，而 CSS3 无法做到这一点。我采用的方法是使用 jQuery.corner 库并用 div 包装我的元素，然后用 jQuery.corner 围绕该 div。我发现我需要调整包装 div 的宽度，否则我会得到一个类似子弹的按钮，只有左侧有圆角。我有如下代码，它在某些放大倍率下工作正常，但在较低或较高的放大倍率下在右侧显示附加条。也就是说，有时 div 确实会根据我的需要使用要包装的元素的宽度，但有时它需要比这更小的数字。我应该怎么做才能改进代码？注意 10 是我要包装的元素的左右填充。

jQuery(document).ready(function() {

        jQuery(".tranCoreButton").each(function(index) {
        var className = 'allRoundCorners' + index;
        var buttonWidth = jQuery(this).width() + 10;
        jQuery(this).wrap("<div class=" + className + "></div>");
        jQuery("." + className).width(buttonWidth);
        jQuery("." + className).corner("round 10px");
        jQuery("." + className).css("display", "inline-block");
    });
});
4

1 回答 1

0

你试过在你的 CSS 中使用sane box-model 吗？也许这有助于解决边框和填充问题......

.tranCoreButton {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
于 2013-09-10T21:14:13.367 回答