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/ *您必须使用自己的图片替换此图片