一次悬停两个html锚标签[关闭]答案

【问题标题】：hovering two html anchor tags at once [closed]一次悬停两个html锚标签[关闭]
【发布时间】：2012-09-30 08:20:54
【问题描述】：

我在一次悬停两个 HTML 标记时需要帮助。请告诉它怎么可能。

这就是我正在尝试的方式。

<style type="text/css">
.imgmap_css_container a:hover
{
  border:2px solid red;
}
</style>
<div align="center" style="position:relative;">
  <img src="http://dailyaeen.com.pk/epaper/wp-content/uploads/2012/09/27+Sep+2012-1.jpg" alt="News" usemap="imgmap201292811139" />

  <div class="imgmap_css_container" id="imgmap2012930125317">
     <a alt="" title="" href="">
        <a style="position: absolute; top: 0px; left: 0px; width: 611px; height: 128px;"  alt="" title="" href="" target="_blank" >
           <em />
        </a>
        <a style="position: absolute; top: 126px; left: 344px; width: 267px; height: 42px;"  alt="" title="" href="" target="_blank" >
           <em />
        </a>
     </a>
   </div>    
</div>

这是我试图在报纸上实现的页面。

http://dailyaeen.com.pk/epaper/

期待积极的反馈

问候，赛海德哈桑。

【问题讨论】：

您的标记在<a> 标记中无效。在开始弄清楚为什么悬停效果不起作用之前，最好确保这些嵌套和关闭正确。
我认为您需要使用一些 javascript 来执行此操作。

标签： html css tags anchor

【解决方案1】：

你可以像this fiddle那样使用jQuery

基本上：

为每个 div/image/whatever 你想同时突出显示同一类
使用jQuery绑定悬停事件
在悬停事件中获取悬停元素的类
选择与悬停元素具有相同类的所有元素
随心所欲地设置他们的 css

【讨论】：

谢谢。它非常像我想要的。我会试试的。