gpt4 book ai didi

css - 图像在图像CSS之上

转载 作者:行者123 更新时间:2023-11-28 13:46:19 25 4
gpt4 key购买 nike

我设计了一个网站。如您所见,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吗?任何帮助表示赞赏..

最佳答案

您是否尝试过增加“了解更多”链接的 z-index?

为包含幻灯片放映的 div 提供更少的 z-index,并为链接“了解更多”提供更大的 z-index 值。

关于css - 图像在图像CSS之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11842911/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com