html - 尝试将选取框放置在图像上的精确位置。将图像放在父 div 中。在那个父 div 中,我有选取框 div

标签 html css

无法在父 div 中定位 div....

我将在下面显示代码....已经尝试了所有的position:absolute;位置:固定;等等...在 .main 中的 .marq 和 .geek1 部分。我从其他地方复制了这段代码,我有点不知所措,我能走到这一步真是奇迹!我正在尝试让 .geek1 文本在灰色区域中最后听到的正下方的图像上滚动。需要最简单的解决方案。非常感谢!

<!DOCTYPE html> 
<html> 
<head> 
<title>Marquee Tag</title> 
<style> 
.main { 
    text-align:center;
    width: 380px;
    margin-left: 250px;
    margin-top: 50px; 
} 
.marq { 
    padding-top: 1px; 
    padding-bottom:1px;
    margin-left: 20px;

} 
.geek1 { 
    font-size:11px; 
    font-weight:bold;
    color:white; 
    padding-bottom:1px; 
} 
</style> 
</head>  

<body> 
<div class = "main">
<img src="3-5_DMR_2_For_Web.jpg" width="400" height="240" alt="Natural" 
/>
<marquee class="marq" bgcolor = "636562" direction = "left" loop="" >
    <div class="geek1">2 &nbsp N &nbsp K4WZV &nbsp Robert</div> 
</marquee> 
</div> 
</body> 
</html>     

寻求任何人都可以提供的帮助....

最佳答案

我不这么认为,但也许 z-index 应该有很大帮助。我不确定你想做什么告诉我你想把灰色区域放在哪里。

关于html - 尝试将选取框放置在图像上的精确位置。将图像放在父 div 中。在那个父 div 中,我有选取框 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57367269/

相关文章:

javascript - hammer.js + Css Bootstrap 轮播 : Set autoplay

java - CSS 未在 GXT 文本区域中更新

css - 注释 .css 文件中的行

javascript - 尝试创建一个简单的画廊 slider

html - 当你的 svg 在 "content: url(..)"时如何转换填充颜色

javascript - 基于高度、宽度和深度创建动态 3d css 框

html - html中<a>标签的宽度

jquery - 根据屏幕大小对 div 进行排序

css - 下拉忽略父溢出

css - Bootstrap Carousel 图片跳转