如何解决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 举报,一经查实,本站将立刻删除。