带圆角的 jquery ui 滑块 - 较旧的浏览器问题 (.corner)

Question

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

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

我已经使用 css3 为现代浏览器应用了角点，并为旧浏览器使用了上述 jquery 插件。

如果您在 ie7 中查看滑块的句柄，您会发现背景颜色存在问题。

知道为什么吗？

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 高跨度并改变边框宽度并设置颜色。似乎没有办法使用透明边框。

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