我的 jQuery 滑块上的圆角仅适用于 Firefox。
在 Firefox 17.0.1 中正确呈现(见下图)
在 Safari 版本 6.0.2 (8536.26.17) 中无法正确呈现(见下图)
在 Chrome 版本 23.0.1271.101 中无法正确呈现(见下图)
这是 jsfiddle 构建: http: //jsfiddle.net/plasticmonument/TCVH5/1/(注意,我只为滑块图像提供了完整路径 url,其他所有内容都将丢失)
我的 HTML:
enter code here
我的 CSS:
.hero-wrapper {
position: relative;
z-index: 2;
float: left;
width: 100%;
height: 429px;
border-radius: 10px;
border-top-left-radius: 0;
-webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius: 10px;
-moz-border-top-left-radius: 0;
-o-border-radius: 10px;
-o-border-top-left-radius: 0;
-ms-border-radius: 10px;
-ms-border-top-left-radius: 0;
overflow: hidden
}
#feature-slider ul.slider {
position: absolute;
top: 0;
left: 0;
width: 900000px
}