请教高人：幻灯片标题下怎么加文章简介（有代码）

傻更更 · 发表于 2013-3-9 15:46:38

各位大佬，文章内置幻灯片的样式--标题下如何添加一个文章的简介呢，另外序号转移到右下角，如图：

  自己按照官方CSS教程弄了许久不成功，请教行家指导

  目前CSS样式：

/* 幻灯片 */
.slideblock { position: relative; }
.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-
height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000); color: {LIGHTLINK}; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-
size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient
(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF); color: #000; font-weight: 700; }

复制代码