织梦首页将缩略图做为样式背景图,配合{dede:arclist}{/dede:arclist}标签使用,既可以实现把缩略图作为背景,另外还需要用到background-position这个标签,做好背景的定位。
这里还有不使用下面的标签模板:
<ul> {dede: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 rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/] </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="title"><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></div> </li> {/dede:arclist} </ul>
本文DedeCMS首页将缩略图做为样式背景图的如何实现方法到此结束。此岸,彼岸,终究是尘归尘,土归土。一季绯红也只是一季花凉,几许艳丽,几许妩媚,几经风雨,尘埃落地。活着,就要慢慢老去,途径坎坷,感受悲喜,生命最终是寂灭。缘有长短,人有来去,再深的情也会淡泊,再浓的意也会无痕,初见永远不会再见。小编再次感谢大家对我们的支持!