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

私はそれがまさにあなたが探している解決策ではないことを知っていますが、次のように画像をbackground-imagediv のように配置してみませんか?

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

これを PHP で動的に実行しようとしている場合は、CSS ファイルを .php ファイルとして保存し、変数名を含めることができます。これは非常に簡単なオプションのようです。

于 2013-06-18T19:07:56.397 に答える