Maison > Article > interface Web > Conseils pour que Flash ne bloque pas les éléments HTML div
Conseils pour que Flash ne bloque pas les éléments HTML div
- 高洛峰original
- 2017-02-25 13:58:271181parcourir
Lorsque j'écrivais un code publicitaire flash aujourd'hui, j'ai découvert que le flash était toujours sur la couche p, j'ai donc dû effectuer quelques réglages. Après une recherche, j'ai découvert que Script Home n'avait pas un tel contenu. Ici, j'ajouterai pour vous
Aujourd'hui, alors que j'écrivais un code de publicité flash, parce que les liens fournis avec flash peuvent facilement être considérés comme des publicités pop-up, j'ai créé une couche p et l'ai placée sur le flash afin que les liens déclenchés par a ne soient pas bloqués, mais J'ai trouvé que le flash est toujours au-dessus de la couche p. Il s'avère que le flash doit ajouter un paramètre.
La méthode pour placer le flash sous le calque p, afin que le flash ne bloque pas les calques flottants ou les menus déroulants, et les paramètres clés du flash ne bloquant pas les objets ou les calques flottants : wmode=opaque.
La méthode est la suivante :
Pour IE, ajoutez le paramètre 2ad2a7e0ec1953c2acedcecb18546cf1
Pour FF, ajoutez le paramètre wmode ="opaque" dans 790d22f104dd61e208f3a73b9ecdcd52
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}
#p1 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px; z-index:-1
}
#p2 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px;
z-index:99999;
}
-->
</style></head>
<body>
<p id="jb51">
<p id="p1">
<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://common.jb51.net/image/22cn_jb51net.swf" />');
document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
document.write('<embed src="http://common.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>
</p>
<p id="p2">
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://common.jb51.net/image/touming.png" width="300" height="250"/></a>
</p>
</p>
</body>
</html>
Insertion Flash standard
<!-- 标准的的Flash插入 设置高度与宽度： width="400" height="400" 设置路径： data="style/flash/001.swf" 与 value="style/flash/001.swf" 替代文本或替代图片： <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>
n'obscurcit pas la couche de Flash
<!-- 不会遮住层的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>
Valeur d'attribut/paramètre wmode Fenêtre | Opaque | Transparent
Variable de modèle : $WM, (facultatif) permet l'utilisation de contenu Flash transparent dans Internet Explorer 4.0, de fonctions de positionnement absolu et d'affichage hiérarchique. 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 » fait apparaître l'arrière-plan de la page HTML à 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" peuvent interagir avec les calques HTML, permettant au calque situé au-dessus du fichier SWF d'obscurcir 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 apparaîtra à travers cette partie, tandis que "opaque" ne le sera pas.
Si cette propriété est omise, la valeur par défaut est Window. S'applique uniquement aux objets.
Pour plus d'articles sur Flash ne bloquant pas les éléments HTML div, veuillez faire attention au site Web PHP chinois !