带圆 Angular 的 jquery ui slider - 较旧的浏览器问题 (.corner)

Question

我正在使用这个库将 Angular 应用于 jquery ui slider 元素 - https://github.com/malsup/corner

您可以在此处查看工作示例 - http://jsfiddle.net/FtkRQ/3/

我已经使用 css3 为现代浏览器应用了边 Angular ，并为旧浏览器使用了前面提到的 jquery 插件。

如果您在 ie7 中查看 slider 的 handle ，您会发现背景颜色存在问题。

知道为什么吗？

Answer 1

插件将边框设置为设置它的第一个父元素的颜色，这是插件代码，

function gpc(node) {
    while(node) {
        var v = $.css(node,'backgroundColor'), rgb;
        if (v && v != 'transparent' && v != 'rgba(0, 0, 0, 0)') {
            if (v.indexOf('rgb') >= 0) {
                rgb = v.match(/\d+/g);
                return '#'+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
            }
            return v;
        }
        if (node.nodeName.toLowerCase() == 'html')
            break;
        node = node.parentNode; // keep walking if transparent
    }
    return '#ffffff';
};

该插件只是创建一堆 1px 高跨度并改变边框宽度并设置颜色。似乎没有办法使用透明边框。

所以转弯时不能使用透明背景，抱歉。