JQuery功能内容滑块样式问题

Question

我正在尝试重新创建这个JQuery Feature Content Slider：

http://demo.webdeveloperplus.com/featured-content-slider/

当我在JSFiddle中重新创建它时，有2个样式元素没有显示。

http://jsfiddle.net/NinjaSk8ter/6WXkM/

图像标题和图像描述有一个透明的灰色框，显示在主图像的顶部。 ListItem选项卡还有一个三角形指针，它没有显示出来。

然而在JSFiddle我不知道如何使透明的灰色框和指针出现：

我注意到Demo Version使用的是jquery-ui.min 1.5.3，我已经将JSFiddle版本作为托管资源添加： http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js

Answer 1

你必须修改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/

*您必须将此图像替换为您拥有的图像