我使用这个库的角落应用到jQuery UI的滑动部件 - https://github.com/malsup/cornerjQuery UI的滑块圆角 - 年长borwser问题(.corner)
这里你可以看到一个工作的例子 - http://jsfiddle.net/FtkRQ/3/
我已经为现代浏览器应用了css3的角点,并且使用前面提到的用于旧版浏览器的jquery插件。
如果您在ie7中查看滑块的手柄,您会看到我背景颜色有问题。
任何想法为什么?
我使用这个库的角落应用到jQuery UI的滑动部件 - https://github.com/malsup/cornerjQuery UI的滑块圆角 - 年长borwser问题(.corner)
这里你可以看到一个工作的例子 - http://jsfiddle.net/FtkRQ/3/
我已经为现代浏览器应用了css3的角点,并且使用前面提到的用于旧版浏览器的jquery插件。
如果您在ie7中查看滑块的手柄,您会看到我背景颜色有问题。
任何想法为什么?
插件边框设置为具有其设置,这里是插件代码的第一个父元素的颜色,
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的高跨度和不同的边框宽度并设置颜色。似乎没有办法使用透明边框。
所以不可能为转弯使用透明背景,对不起。
谢谢安德鲁,现在有道理。我决定使用背景图片来代替角落。虽然开销很小,但在ie7中这个网站看起来是相同的。 – Finnnn
有一件事,你没有在你的小提琴中导入角落插件。 – Andrew
是的,点击'管理资源',你可以在那里看到它。 – Finnnn
IE7拒绝githubs证书*叹息* – Andrew