我必须将灯泡形状（甚至椭圆很好）的垂直滑块原型化。我开始使用http://jqueryui.com/demos/slider/slider-vertical.html并将父元素的形状更改为所需的（现在是椭圆形）形状。问题是，当我拖动滑块时，它以矩形方式增长，因此不会采用椭圆形（因为它是父元素）。 能否请您建议是否有更好的方法来实现这一目标。如果这是正确的方法，那么我应该如何掩盖边缘的颜色，以使滑块背景也是椭圆形的。
有关问题的参考：http://share.axure.com/UMILTD/
答案 0 :(得分：0)
我建议使用border-radius CSS属性实现此效果。您可以设置父级的border-radius来创建形状，然后将其overflow设置为hidden，以防止其背后的矩形显示。
我在这里有一个实例 - http://jsfiddle.net/qUbZf/3/。 Chrome中似乎存在一些问题，如何处理溢出，但在Firefox和IE9中看起来很好。
IE＆lt; 9不支持border-radius，但形状只会回退到一个方框，仍可使用。