我必须制作一个灯泡形状（即使是椭圆也可以）垂直滑块的原型。我开始使用http://jqueryui.com/demos/slider/slider-vertical.html并将父元素的形状更改为所需的（现在为椭圆）形状。问题是，当我拖动滑块时，它会以矩形方式增长，因此不会采用椭圆形（因为它是父元素）。您能否建议是否有更好的方法来实现这一目标。如果这是正确的方法，那么我应该如何从边缘遮住颜色，以使滑块背景也变成椭圆形。
问问题
1080 次
1 回答
0
我建议使用border-radiusCSS 属性来实现这种效果。您可以将border-radius父级的 设置为创建形状，然后将其设置overflow为hidden以防止其后面的矩形显示出来。
我在这里有一个活生生的例子 - http://jsfiddle.net/qUbZf/3/。Chrome 中的溢出处理方式似乎确实存在一些问题，但在 Firefox 和 IE9 中看起来不错。
IE < 9 不支持border-radius，但该形状将简单地回退到一个盒子并且仍然可以使用。
于 2012-05-15T15:53:05.937 回答