Maison > Article > interface Web > Comment empêcher Flash de bloquer les éléments div en HTML
Comment empêcher Flash de bloquer les éléments div en HTML
- php中世界最好的语言original
- 2018-01-26 09:37:071616parcourir
Cette fois, je vais vous montrer comment empêcher Flash de bloquer les éléments div en HTML. Quelles sont les précautions pour empêcher Flash de bloquer les éléments div en HTML. Voici des cas pratiques. .
Quand j'écrivais un code publicitaire flash aujourd'hui, comme les liens fournis avec Flash peuvent facilement être considérés comme des publicités pop-up, j'ai créé une couche div et je l'ai placée au-dessus de le flash, pour que les liens soient tous Celui déclenché par a ne sera pas intercepté, mais on constate que le flash est toujours au-dessus de la couche div Il s'avère que le flash doit ajouter un paramètre.
Comment placer Flash sous le calque DIV, pour que Flash ne bloque pas les calques flottants ou menus déroulants, pour que Flash ne bloque pas les objets ou calques flottants. Paramètres clés : wmode=opaque.
La méthode est la suivante :
Pour IE, ajoutez le paramètre 2ad2a7e0ec1953c2acedcecb18546cf1 dans 273238ce9338fbb04bee6997e5552b95eb50c9ec568c9b96871b9e94a1ff3fd1
Pour FF , ajoutez le paramètre dans 790d22f104dd61e208f3a73b9ecdcd52Ajouter un paramètre wmode="opaque"
Code d'utilisation de Script House :
<!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=gb2312" />
<title>22cn</title>
<style type="text/css">
<!--
body {
position:relative;
z-index:0;
margin:0; padding:0
}
body,td,th {
color: #333333;
}
*{margin:0; padding:0}
img{ border:0}
#jb51{ position:relative; width:300px; height:250px}
#div1 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px; z-index:-1
}
#div2 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px;
z-index:99999;
}
-->
</style></head>
<body>
<div id="jb51">
<div id="div1">
<script type="text/javascript">
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');
document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');
document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
document.write('<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>');
document.write('</object>');
</script>
</div>
<div id="div2">
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250"/></a>
</div>
</div>
</body>
</html>Insertion Flash standard
Définir la hauteur et width:
width="400" height="400"
Définir le chemin :
data="style/flash/001.swf" 与 value="style/flash/001.swf"
Texte alternatif ou image alternative :
<a href="" title=""><img src="" alt="" /></a> 也可以不要这段 --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>
Pas de Flash avec calque de masquage
<!-- 不会遮住层的Flash 让Flash不档住浮动对象或层的关键属性： <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>
Flash transparent
<!-- 透明的Flash 让Flash透明的关键属性： <param name="wmode" value="transparent"> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="transparent"> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>
Fenêtre de propriété/paramètre wmode Transparent
Variable de modèle : $WM, (facultatif) permet l'utilisation de contenu Flash transparent, de positionnement absolu et de fonctionnalités d'affichage en couches dans Internet Explorer 4.0. Cette balise/propriété n'est valide que sous Windows avec le contrôle ActiveX Flash Player.
"Fenêtre" utilise la propre fenêtre rectangulaire de la vidéo pour lire l'application sur la page Web. "Fenêtre" indique que cette application Flash n'a aucune interaction avec la couche HTML et est toujours au premier plan.
« Opaque » fait que l'application masque tout ce qui se trouve derrière elle sur la page.
"Transparent" permet à l'arrière-plan de la page HTML de s'afficher à travers toutes les parties transparentes de l'application et peut réduire les performances de l'animation.
"Opaque sans fenêtre" et "Transparent sans fenêtre" interagissent avec les calques HTML, permettant au calque situé au-dessus du fichier SWF d'ombrer l'application. La différence entre les deux options est que "Transparent" permet la transparence, donc si une partie du fichier SWF est transparente, la couche HTML située sous le fichier SWF peut apparaître à travers cette partie, alors que "opaque" ne le fait pas.
Si cette propriété est omise, la valeur par défaut est Window. S'applique uniquement aux objets.
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Comment utiliser l'attribut titre pour afficher du texte au survol de la souris
Comment utiliser un attribut href de balise et un événement onclick
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!