配合{wmd:arclist}{/wmd:arclist}标签使用,既可以实现把缩略图作为背景,另外还需要用到background-position这个标签,做好背景的定位。
这里还有不使用下面的标签模板
<ul>
{wmd:arclist typeid='频道id' row='调用次数4' titlelen='标题长度20' orderby='id' imgwigth='60' imgheight='60' type='image' }
<li><img src="[field:litpic/]" width="100" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a></li>
{/wmd:arclist}
</ul>
应该使用这个标签模板:
<ul>
{wmd:arclist row='1' }
<li>
<div class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好这个div的宽、高,才能看得到背景</div>
<div class="title"><a href='[field:arcurl/]'>[field:title/]</a></div>
</li>
{/wmd:arclist}
</ul>
The End


大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)