gpt4 book ai didi

jQuery-Cycle:border-radius 属性在 Chrome 11 中未按预期运行

转载 作者:行者123 更新时间:2023-11-28 19:00:06 26 4
gpt4 key购买 nike

我使用 jQuery-cycle 为我的一个幻灯片提供动力,但应用于容器 div 的 border-radius 属性没有按预期工作:“查看内容”幻灯片有圆 Angular ,其他幻灯片没有圆 Angular 。

#carousel  {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

我的周期初始化代码:

$('#carousel').cycle( {
speed: 400,
startingSlide: 1,
speedIn:null,
speedOut:null,
cleartype: false,
fit:1,
width:980,
delay: 0,
timeout:0,
fx: 'scrollHorz',
easing: 'swing',
easeIn:null,
easeOut:null,
prev: '#left',
next: '#right',
pager: '#pager',
pagerAnchorBuilder: function ( idx, slide ) {
return('<span><b>0'+slide.id+'</b> / 07</span>');
},
updateActivePagerLink: function(pager, activeIndex) {
if(activeIndex==0){
$('#navigation').hide();
$('#bottombar').css({'margin-top':'22px'});
}

else if(activeIndex==1){
$('#left').hide(); $('#right').show();
$('#bottombar').css({'margin-top':'540px'});
}

else if(activeIndex==7){
$('#left').show(); $('#right').hide();
$('#bottombar').css({'margin-top':'540px'});
}
else
{
$('#right').show();$('#left').show();
$('#bottombar').css({'margin-top':'540px'});
} $('#pager').find('span:eq('+activeIndex+')').addClass('activeSpan').siblings().removeClass('activeSpan');
}


});

演示:http://rjwcollective.com/equinox/brochure/

最佳答案

您实际上在#carousel div 上设置了圆 Angular (您可以通过在#carousel 上添加红色边框来测试这一点)。您看不到它的原因是图像是绝对定位的并且没有圆 Angular 。

如果您想显示圆 Angular ,请将此规则添加到您的样式表中:

.carousel_cont {
padding: 15px 0px;
}

关于jQuery-Cycle:border-radius 属性在 Chrome 11 中未按预期运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6258445/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com