Maison > interface Web > tutoriel HTML > le corps du texte

Comment empêcher Flash de bloquer les éléments div en HTML

php中世界最好的语言
Libérer: 2018-01-26 09:37:07
original
1616 Les gens l'ont consulté

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 dans
Pour FF , ajoutez le paramètre dans Ajouter 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(&#39;<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">&#39;);   
document.write(&#39;<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />&#39;);   
document.write(&#39;<param name="quality" value="high" /><param name="wmode" value="opaque" />&#39;);   
document.write(&#39;<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>&#39;);   
document.write(&#39;</object>&#39;);   
</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>
Copier après la connexion

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"
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion


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>
Copier après la connexion

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 les hyperliens dans html Ouvrez une nouvelle fenêtre et contrôlez les attributs de la fenêtre

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!