Html 背景位置上方固定区域上的链接：封面背景图像
我有登录页。我希望该电子邮件成为mailto的链接：info@domain.tld. 我尝试在body上使用map（usemap=“#mail”，然后使用map name=“mail”>），但它不起作用。我还尝试使用一个空白的透明png图像（将usemap设置为），但链接无法单击Html 背景位置上方固定区域上的链接：封面背景图像,html,css,map,imagemap,Html,Css,Map,Imagemap,我有登录页。我希望该电子邮件成为mailto的链接：info@domain.tld. 我尝试在body上使用map（usemap=“#mail”，然后使用map name=“mail”>），但它不起作用。我还尝试使用一个空白的透明png图像（将usemap设置为），但链接无法单击 我如何实现电子邮件的区域，使其具有链接？当然，它应该在不同的分辨率下工作。为什么不将电子邮件链接呈现为文本？它看起来类似于开放式SAN:您可以执行以下操作： 添加CSS: div#mail { margin-left:
我如何实现电子邮件的区域，使其具有链接？当然，它应该在不同的分辨率下工作。为什么不将电子邮件链接呈现为文本？它看起来类似于开放式SAN:您可以执行以下操作： 添加CSS:
div#mail {
margin-left: 67%;
margin-top: 31.8%;
overflow: hidden;
width: 16%;
}
a {
color: transparent;
}
<div id="mail"><a href="mailto:info@gioiellidisapone.it">info@gioiellidisapone.it</a></div>
这并不完美，但也许已经足够好了 这就是我如何使用Inspect元素直接修改您的页面，并且链接保持在图像文本的顶部。这是另一个选项，但具有固定的宽度和高度以支持电子邮件的定位
<body>
<div style="
width: 1430px;
position: absolute;
border: 1px solid #000;
height: 700px;
background-image: url(home2.jpg);
background-repeat: no-repeat;
background-position: top center;
display: inline-block;
"><a href="#" style="
position: relative;
top: 450px;
right: 294px;
display: inline-block;
float: right;
">Info@gioiellidisapone.it</a>
</div>
</body>