这是与此处发布的问题类似的问题,但我使用图像作为悬停点。
所以,我希望 iframe 在鼠标移到它上面时保持焦点,以便可以点击里面的链接,该代码目前在 FF、Chrome、Safari 但不适用于 IE。
我已经玩过其他帖子中的java脚本,但我无法让它工作。如果有人可以看一看并帮助我,我将不胜感激。
提前致谢。
编辑:我也发现这几乎是相同的问题,但就像提问者一样,我没有使用 javascript 的技能来适应我的需要。
这是我的小提琴http://jsfiddle.net/GYNEW/
HTML
<div class="social-exp">
<img src="http://www.emotivewebdesign.com/wp-content/uploads/2013/06/twitter.png">
<div id="icon-exp">
<iframe src="http://www.emotivewebdesign.com/wp-content/uploads/misc/twitter.html"></iframe>
</div>
</div>
CSS
.social-exp {width: auto; padding: 0 5px 10px; float: left}
#icon-exp {display: none;}
.social-exp:hover #icon-exp {display: block !important; position: absolute; z-index:1;}
iframe {width: 180px; background: #fff; border: 1px solid #000;}