2011-09-27 26 views
0

我使用這個庫的角落應用到jQuery UI的滑動部件 - https://github.com/malsup/cornerjQuery UI的滑塊圓角 - 年長borwser問題(.corner)

這裏你可以看到一個工作的例子 - http://jsfiddle.net/FtkRQ/3/

我已經爲現代瀏覽器應用了css3的角點,並且使用前面提到的用於舊版瀏覽器的jquery插件。

如果您在ie7中查看滑塊的手柄,您會看到我背景顏色有問題。

任何想法爲什麼?

+1

有一件事,你沒有在你的小提琴中導入角落插件。 – Andrew

+0

是的,點擊'管理資源',你可以在那裏看到它。 – Finnnn

+0

IE7拒絕githubs證書*嘆息* – Andrew

回答

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的高跨度和不同的邊框寬度並設置顏色。似乎沒有辦法使用透明邊框。

所以不可能爲轉彎使用透明背景,對不起。

+0

謝謝安德魯,現在有道理。我決定使用背景圖片來代替角落。雖然開銷很小,但在ie7中這個網站看起來是相同的。 – Finnnn