首页 > 教程 >
织梦dedecms首页调用缩略图为背景
2023-03-03教程围观次
简介配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用，既可以实现把缩略图作为背景，另外还需要用到background-position这个标签，做好背景的定位。这里还有不使用下面的标签模板{dede:arclisttypeid='频道id'row='调用次数4'titlelen='标题长度20'orderby='id'imgwigth='60'imgheight
配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用，既可以实现把缩略图作为背景，另外还需要用到background-position这个标签，做好背景的定位。
这里还有不使用下面的标签模板
<ul>
{dede:arclist typeid='频道id' row='调用次数4' len='标题长度20' orderby='id' imgwigth='60' imgheight='60' type='image' }
<li><img src="[field:litpic/]" width="100" height="100" /><br><a href='[field:arcurl/]'>[field: /] </a></li>
{/dede:arclist}
</ul>
应该使用这个标签模板：
<ul>
{dede: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=" "><a href='[field:arcurl/]'>[field: /]</a></div>
</li>
{/dede:arclist}
</ul>
下载链接：网站源码/小程序源码/网站模板下载
