0
有没有什么办法可以命名图像的可点击区域?鼠标悬停时,名称必须突出显示。HTML中图像的可点击区域的名称
http://www.fifa.com/worldcup/destination/index.html
如果您访问上述链接目的地的名称被突出显示。
有没有什么办法可以命名图像的可点击区域?鼠标悬停时,名称必须突出显示。HTML中图像的可点击区域的名称
http://www.fifa.com/worldcup/destination/index.html
如果您访问上述链接目的地的名称被突出显示。
它是如何在你提供的是他们将图像设置为div的背景,然后使用绝对定位放置的可点击的区域的链路实现:
HTML
<div>
<span>Pepperoni!</span>
<span>Cheese!</span>
<span>Tomato!</span>
</div>
CSS
div{
background: url(http://www.lorempizza.com/200/200);
background-size:cover;
width:500px;
height:500px;
position:relative;
}
span{
display:block;
background:white;
border-radius:5px;
width:100px;
text-align:center;
padding:10px;
}
span:hover{
background:lightblue;
font-size:20pt;
}
span:nth-child(1){
position:absolute;
top:100px;
left:300px;
}
span:nth-child(2){
position:absolute;
top:300px;
left:100px;
}span:nth-child(3){
position:absolute;
top:400px;
left:300px;
}
什么是“可点击区域”?你的问题不清楚。 –
更具体一点,我们不知道你在问什么 – Huangism
No. http://www.fifa.com/worldcup/destination/index.html。检查链接。在地图上,这些名字变得十分重要。 –