我今天要解决的难题需要一个post 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>