实施例

Question

我正在制作一张地图，我希望当我在一个大陆上空时，他会出现，但同时也不会隐藏背景。

这是我的代码：

invalidHandler

我没有使用任何CSS，这只是代码。北美（黑色pic）是一个.png，默认情况下是透明的。

谢谢，迈克尔

Answer 1

诀窍是将分隔符上的世界地图设置为背景图像。

将透明png映射到图像映射。

实施例

<div style="width:908;height:494px;background: url(http://www.image-maps.com/m/private/58808/60863-ue1h8277se3mkfllaet1lledi0_worldmap.png) no-repeat top center">

<img id="id-of-the-image" src="path-to-transparent-image-with-the-same-size-of-themap" border="0" width="908" height="494" />

这是基于您的HTML <{3}}的链接，

拉伸小提琴结果容器以便更好地显示.....

Answer 2

问题在于：

or die(mysql_error())

您正在使用更新的图像来替换图像源，因此它将显示该大陆的新图像。与onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2015-08-31-103251').src= 'http://i.imgur.com/B9N2Zbv.png';

类似

在悬停显示图像但同时不隐藏背景

2 个答案:

实施例