0

我想知道是否可以在图像顶部放置一个 div。我查了一下，显然它应该可以工作，我尝试了一些带有额外容器和 z-index 的方法，但是当我这样做时似乎没有任何工作。我现在有了这个，但我应该在图像顶部的文本 div 只是在一些奇怪的地方漂浮。

<a href="portfoliodetail.php?id=<?=$id?>" title="<?=$title?>">
    <div class="latestWorkTitle"><?=$title?></div>
    <img src="images/portfolio/thumbnails/<?=$bgthumbnail?>" alt="<?=$title?>" class="noMargin" />
</a>

<style>
    latestWork a img {
        max-width: 28%;
        height: auto;
        margin-right: 7%;
        position: relative;
        float: left;
        z-index: 5;
    }

    .latestWorkTitle {
        width: 100px;
        height: 20px;
        position: relative;
        z-index: 10;
    }
</style>
4

2 回答 2

0

你a需要拥有position: relative，然后是孩子拥有position: absolute

于 2013-06-18T19:07:20.533 回答
0

我知道这不完全是您正在寻找的解决方案，但为什么不尝试将图像放置为background-imagediv 像这样：

.selector {
  background-image: url('../img/img.png');
}

如果您尝试使用 PHP 动态执行此操作，您可以将 CSS 文件保存为 .php 文件，并包括变量名。这似乎是一个非常容易的选择。

于 2013-06-18T19:07:56.397 回答