0

サイトをデザインしました。ご覧のとおり、learnmore 画像はスライドショー画像の上に乗っていません。

あなたは次のphpコードを持っています

<?php
$directory = 'uploads'; 
 $learnmore_img_path='learnmore';
echo'<div style="position: relative; ">';
 try {    
// Styling for images

 echo "<div id=\"myslides\" style='position: relative; z-index:99999;'>";

foreach ( new DirectoryIterator("../" . $directory) as $item )       {          
    if ($item->isFile()) {
        $path = "/" . $directory . "/" . $item;


        echo "<img src=\"" . $path . "\" width=861 height=443  href='#' style='position: relative;'/>";

            $learnmore_img_path='learnmore';
        $path1="/" . $learnmore_img_path . "/" . 'learnmore.jpg';       


    }       
}
 echo "</div>";
    $path1="/" . $learnmore_img_path . "/" . 'learnmore.jpg';   

  echo '<a href="#" id="examplelink">';
  echo "<img src=\"" . $path1 . "\" width=160 height=30   style='z-index:32111;;    p  osition: absolute; top: -75; left: 370;'/>";
 echo '</a>';
  echo "</div >";

  }
  catch(Exception $e) {
echo 'No images found for this player.<br />';
  }


  ?>

どうしてか分かりません ？それはz-indexのためですか？助けていただければ幸いです..

4

2 に答える 2

0

position: relative両方の要素を追加します。z-index次に、 （CSS）でレベルを調整できます

于 2012-08-07T11:15:18.347 に答える
0

「詳細」リンクの z-index を増やしてみましたか?

スライド ショーを含む div の z-index を小さくし、「詳細」リンクの z-index 値を大きくします。

于 2012-08-07T09:42:01.550 に答える