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

因此，转弯时无法使用透明背景，抱歉。

带圆角的jquery ui滑块 - 旧浏览器问题（.corner）

1 个答案: