nivoSlider幻灯片插件如何使自定义html说明--PHP社区--YouYaX原创论坛

主页个人前端笔记 nivoSlider幻灯片插件如何使自定义html说明

admin

发表于2013-03-11 09:34:46 只看楼主

楼主

头衔: 精益求精
注册时间: 2012-10-07
用户组: 日常管理组
发帖数: 502
金币数: 186
短消息

<a href="http://www.xxx.com/xxx.html"><img name="xxx" 
alt="xxx" src="images/A-1.jpg" data-transition="slideInLeft" title="#htmlcaption"/>
<div id="htmlcaption" style="display:none;">xxx school</div></a>

单单这样处理，html标题会在图片底部显示
使用下面的css

<style>
.nivo-caption{font-size:40px;color:#fff;font-weight:bold;
position:relative;top:-260px;
left:24px;line-height:40px;width:auto;width:296px;
background:transparent;opacity:1;-moz-opacity: 1;
filter: alpha(opacity=100);padding:0px;}
</style>

引用回复

操作点评

回复人
回复内容

操作管理