2011-09-27 49 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