JQuery와 UI 슬라이더 - 오래된 borwser 문제 (.corner)

Question

가 나는 JQuery와 UI 슬라이더 요소에 모서리를 적용하려면이 라이브러리를 사용하고 있습니다 - https://github.com/malsup/corner

현재 작동하는 예를 볼 수 있습니다 - http://jsfiddle.net/FtkRQ/3/

을

저는 모던 브라우저에 css3을 사용하여 모서리를 적용했으며 구 브라우저에 대해 앞서 언급 한 jquery 플러그인을 사용하고 있습니다.

ie7에서 슬라이더의 핸들을 보면 배경색에 문제가 있다는 것을 알 수 있습니다.

왜 그런가?

Answer 1

플러그인 플러그인 단지 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'; 
}; 

여기서, 설정 한 플러그 코드 제 부모 요소의 색의 경계를 설정 색상을 설정합니다. 투명 테두리를 사용하는 방법이없는 것 같습니다.

그래서 코너링에 투명한 배경을 사용할 수 없습니다. 죄송합니다.