Deaktivieren CSS click-Ereignis (durch das klicken auf ein element), die Aufrechterhaltung CSS-hover-Ereignis des Elements

Ich habe ein youtube-iframe in eine Webseite eingebettet mit einem transparenten div platziert genau oben drauf.

Habe ich links in das div-Element auf, welches ich mit CSS :hover sichtbar machen, nur, während Sie die Maus über das video.

Ist es möglich, dem Benutzer zu ermöglichen, klicken Sie sich durch die div, um das video abzuspielen ohne ausschalten der hover-Effekt auf die div? Ich kann den div kleiner.

Ich bin auf der Suche nach etwas ähnliches pointer-events:none aber die behauptet, das hover-Ereignis für das div-element. Gibt es eine javascript-Lösung vielleicht?

Code-demo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Video test</title>
<style>
#storymenu{position:absolute; width:515px; height:386px;}
#storymenu a{display:none; margin-left:10px; margin-top:20px; padding:5px; background:#FFF;}
#storymenu:hover a{display:inline-block}
</style>
</head>

<body>
<div id="storymenu">
<a href="#" onclick="alert('next');return(false);"><span>Next Story</span> &gt;</a>
<a href="#" onclick="alert('prev');return(false);">&lt; <span>Prev Story</span></a>
</div>
<iframe width="515" height="386" src="http://www.youtube-nocookie.com/embed/5It4y8834Zd" frameborder="0" allowfullscreen></iframe>
</body>
</html>
  • Wenn Sie die Anzeige Ihrer div genau über das video, dann wird keiner von der Maus-Ereignisse filtern nach unten, um das video ohne Sie explizit im javascript-code. Oder bin ich etwas fehlt?
  • Der Punkt ist, dass die Anwendung der CSS-Eigenschaft pointer-events:none auf die div zulassen wird, klickt sich durch Sie aber auch deaktivieren hover-Effekt. Gibt es irgendeinen Mittelweg hier? Ich möchte zu deaktivieren, klicken Sie auf aber ermöglichen, die schweben.
  • Sie zeigen links in die div was sichtbar ist, während schweben? Aber Sie wollen klicken Sie sich durch die div (links) und Interaktion mit dem video? ...warum ist das div es?
  • David - Vielleicht will er links angezeigt werden oder anzeigen, erscheint in dem video? Weiß nicht...nur so ein Gedanke. Ich nehme an, dies ist, was er ist nach dem jsfiddle.net/videsignz/LGYmB
  • Ja das div-Element es enthalten die links und zeigen Sie Sie auf schweben. Auf einigen Seiten meiner Website, das video nicht vorhanden, sodass das div-Element zum auslösen des hover-Effekt.
InformationsquelleAutor cronoklee | 2012-11-02
Schreibe einen Kommentar