我有一个带有“访问”按钮的图像，该图像是使用HTML代码映射的图像，它具有翻转效果，因此当您将鼠标放在“访问”链接上时，它会显示发光版本的访问按钮。
但是现在代码不正确，翻转效果将原始图像替换为发光版图像，我只是希望发光版本在原始版本上覆盖下面html代码中的相同精确坐标：{ {1}}
我不希望它取代整个图像。我希望发光版本保持其正常尺寸。这是到目前为止的代码：
coords="52,63,145,100"答案 0 :(得分：0)
您实际上正在替换标签中的图像，因此除非您将基本图像加载到单独的元素中，否则您无法同时显示两张图片。
一个选项是更改：将background-image: url(http://www.image-maps.com/uploaded_files/3201304212133558_example78.png);添加到样式属性。 （并且，为了整洁，你可以用透明的png替换标签中的基本图像。）
由于种种原因，这不是正确的做法。图像会损害搜索引擎优化，加载速度较慢，某些浏览器存在png透明度问题，谷歌翻译不会翻译，等等等。
此外，你可以在css中完成所有这些： http://jsfiddle.net/as2003/AbVTK/
答案 1 :(得分：0)
你可以通过一起删除这些代码并使用CSS创建按钮和发光悬停效果来实现您所需要的。
当前代码的问题在于翻转效果的方法，即通过映射替换图像，非常麻烦且不合时宜，可以这么说。
关于CSS甚至HTML，网络上都有资源，我建议调查一下。
特别针对您的查询，请查看：http://designshack.net/articles/css/four-simple-and-fun-css-button-hover-effects-for-beginners/
答案 2 :(得分：0)
我将尽我所能说服你重新思考你在做什么。我知道你想要回答你的问题，但事实是，我不认为这是一种方法。问题是原始图像是一回事，翻转按钮是另一回事。当这是常态时，您必须创建原始按钮和翻转按钮以使其具有完全相同的大小，并且dpi才能使其工作并且看起来正确。如果你想在图像中间放置一些东西，你必须切掉你想要改变的部分并使用css和div或（上帝禁止）一张桌子，以使其有效。
在2013年，您可以完成CSS3和NO图像所需的一切。
这个网站会为你制作它们，并在你完成后给你代码。 http://css-tricks.com/examples/ButtonMaker/
这个用过的图片，你想要的东西比文字提供的东西更特别，
http://designshack.net/articles/css/four-simple-and-fun-css-button-hover-effects-for-beginners/
祝你好运编辑：我很困，所以当我告诉你原来的东西有什么问题我不认为我做得很好。原始图像是一个巨大的东西，边框和中间的小按钮。悬停按钮只是一个小按钮。您认为可以使用悬停效果仅使用叠加图像替换中间的小按钮。这可能是javascript可能的，但我不确定你可以用悬停效果做到这一点。如果可能的话，这不是一个好方法。