1

我今天要解决的难题需要一个帖子 div，里面是一个帖子缩略图。在（分层）该拇指图像之上，基于 php 查询（效果很好），我需要两个彼此靠右对齐的图标。“后面”是指 X 轴，因为现在由于位置：绝对它们堆叠在 Z 轴上，因此隐藏了一个。这是一个可以有各种插图汽车图标（右对齐）的帖子，但在某些情况下，需要一个拖车图标。所以拖车需要跟在汽车后面。诀窍是，每辆车和每辆拖车都有不同的图片宽度。到目前为止，这是我所拥有的，除了拖车隐藏在汽车后面之外，一切正常。

.post {margin:0; padding:12px; border:1px solid #fff; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative;}

.carortrailer {display:block; position:absolute; right: 0; height:32px; margin-top:130px; margin-right: 4px; padding:0; z-index:990; }

.car {background:url("images/ico-car.png") no-repeat scroll right; width: 70px;}

.trailer {background:url("images/ico-trailer.png") no-repeat scroll right; width: 66px;}

php

<div class="post-block">
<?php if (($post->cp_pvs) == 'trailer') echo '<div class="carortrailer trailer"></div>'; else if... ?>
<?php if (($post->cp_car) == 'car') echo '<div class="carortrailer car"></div>'; else if... ?>
<div class="thumb"><?php if ( $opt->images ) thumbnail(); ?></div>
</div>

顺便说一句：我知道如果没有拇指上的图标，这将非常容易，但不幸的是，这是一个要求。也可以制作汽车+拖车的图标，以便只有一个汽车 div，尽管汽车+拖车的组合有很多，所以我不太喜欢这个想法。任何帮助深表感谢 ;）

4

0 回答 0