微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery功能内容滑块样式问题

如何解决jQuery功能内容滑块样式问题

| 我正在尝试重新创建此JQuery功能内容滑块: http://demo.webdeveloperplus.com/featured-content-slider/ 当我在JSfiddle中重新创建此样式时,有2个样式元素未显示。 http://jsfiddle.net/NinjaSk8ter/6WXkM/ 图像标题和图像描述有一个透明的灰色框,显示在主图像的顶部。另外,ListItem选项卡具有未显示的三角形指针。 但是在JSfiddle中,我不知道如何使透明的灰色框和指针出现: 我注意到该演示版本正在使用jquery-ui.min 1.5.3,并且我已将其作为JSfiddle版本添加为托管资源: http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js     

解决方法

        您必须修改css:
#featured .ui-tabs-panel .info {
    background: url(\"images/transparent-bg.png\") repeat scroll 0 0 transparent;
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
}

#featured li.ui-tabs-selected{
    background:url(\'images/selected-item.gif\') top left no-repeat;  
}
例如,指针位于此地址中: http://demo.webdeveloperplus.com/featured-content-slider/images/selected-item.gif 还有灰色框背景: http://demo.webdeveloperplus.com/featured-content-slider/images/transparent-bg.png 一探究竟: http://jsfiddle.net/6WXkM/2/ *您必须使用自己的图片替换此图片     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。