Javascript 如何在图像的顶部加载超链接
创建一个基本的HTML页面，应该显示一个标志作为横幅，在标志的右下角有一个超链接。 然后使用iframe作为页面。 将图像和iframe存储在两个单独的div中，然后将其放入div中 问题是，当我尝试添加时间时，它会将其加载到图像下方，而iframe位于该时间的上方，将其屏蔽。你试过Z索引，和div混在一起…有什么想法吗Javascript 如何在图像的顶部加载超链接,javascript,css,html,styles,Javascript,Css,Html,Styles,创建一个基本的HTML页面，应该显示一个标志作为横幅，在标志的右下角有一个超链接。 然后使用iframe作为页面。 将图像和iframe存储在两个单独的div中，然后将其放入div中 问题是，当我尝试添加时间时，它会将其加载到图像下方，而iframe位于该时间的上方，将其屏蔽。你试过Z索引，和div混在一起…有什么想法吗 <!DOCTYPE html> <head> <title>Interactive Map - Meath Field Names
<!DOCTYPE html>
<head>
<title>Interactive Map - Meath Field Names Project</title>
<style>
*{margin:0;padding:0}
html, body
{
height:100%;
width:100%;
overflow:hidden;
background-color:#E0DEDF;
}
iframe
{
height:100%;
width:100%
}
.content
{
width: 100%;
height:90%
}
.logoheader
{
width: 100%;
height: 10%;
}
.fullPage
{
height:100%;
width: 100%;
}
.hlink
{
z-index: 1;
color:#ACD0D4;
font-size:26px;
font-family:verdana
}
</style>
</head>
<body>
<div class="fullPage">
<div class="logoheader">
<img src="images/banner.png" alt="IMAGES" width="100%" />
<a class="hlink" href="http://www.google.com/">Help Page</a>
</div>
<div class="content">
<iframe class="wrapper"//linktoIFrame</iframe>
</div>
</div>
</body>
</html>
交互式地图-Meath字段名称项目
*{边距：0；填充：0}
html，正文
{
身高：100%；
宽度：100%；
溢出：隐藏；
背景色：#E0DEDF；
}
iframe
{
身高：100%；
宽度：100%
}
.内容
{
宽度：100%；
身高：90%
}
.logoheader
{
宽度：100%；
身高：10%；
}
.整页
{
身高：100%；
宽度：100%；
}
.hlink
{
z指数：1；
颜色：#ACD0D4；
字号：26px；
字体系列：verdana
}
以下两种解决方案似乎有效：
- 链接右侧浮动的负边距顶部
- 添加具有相对位置和绝对位置链接的包装器
a.hlink{
位置：相对位置；
边缘顶部：-1.5em；
浮动：对；
z指数：5；
}
#包装纸{
相对位置；
}
#包装器.其他链接{
位置：绝对位置；
底部：3px；
右：3px；
}
更多内容
要使用z-index
您还需要使用position
。这一点得到了解决，谢谢您的输入，每个人都有权发表自己的意见，但狮子不在乎羊的意见……注意……本可以很快地解释立场，而不是消极，但遇到一些人是的，我在添加z指数时错过了这个位置，谢谢你的帮助