jQuery UI Slider с закругленными углами - более старые проблемы (.corner) - PullRequest
Новая
       14

jQuery UI Slider с закругленными углами - более старые проблемы (.corner)

0 голосов
/ 27 сентября 2011

Я использую эту библиотеку, чтобы применить углы к элементу ползунка пользовательского интерфейса jquery - https://github.com/malsup/corner

Вы можете увидеть рабочий пример здесь - http://jsfiddle.net/FtkRQ/3/

Я применилуглы, использующие css3 для современных браузеров, и я использую вышеупомянутый плагин jquery для старых браузеров.

Если вы посмотрите на ручки слайдера в ie7, вы увидите, что у меня проблема с цветом фона.

Есть идеи, почему?

1 Ответ

1 голос
/ 27 сентября 2011

Плагин устанавливает границу цвета первого родительского элемента, для которого он установлен, вот код плагина, 

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, изменяет ширину границы и устанавливает цвет. Кажется, нет способа использовать прозрачные границы.

Так что нельзя использовать прозрачный фон для поворотов, извините.

...