Lors du développement Web, vous pouvez rencontrer une situation dans laquelle Flash bloque des éléments dans la page. Quelle que soit la manière dont vous définissez la profondeur (z-index) du conteneur Flash et de la couche, la solution existante consiste à l'ajouter. la balise embed ou object de l'attribut flash insérée et définissez-la sur wmode="transparent" ou "opaque", mais que signifie exactement l'attribut wmode et pourquoi il peut être résolu.
Dans la balise flash
"Fenêtre" utilise la propre fenêtre rectangulaire du film pour lire l'application sur la page Web, toujours au premier plan.
"Opaque" affiche le contenu derrière celui-ci 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.
Remarque : "Opaque" et "Transparent" interagissent tous deux 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.
Autrement dit, si FLASH couvre la couche DIV, vous devez changer l'attribut wmode en "Transparent"
Lors du développement Web, vous pouvez rencontrer une situation dans laquelle Flash bloque des éléments dans la page. Quelle que soit la façon dont vous définissez la profondeur du conteneur Flash et du calque (z-index), cela n'aidera pas. insérez l'intégration ou l'objet Flash. Ajoutez l'attribut "wmode" à la balise et définissez-le sur wmode="transparent" ou "opaque", mais que signifie exactement l'attribut wmode et pourquoi peut-il résoudre ce problème ?
mode fenêtre (wmode)
Il existe trois types de wmode, c'est-à-dire le mode fenêtre. Jetez un œil à la déclaration officielle de Macromedia à l'époque :
Fenêtre : utilisez la valeur Window pour lire une animation Flash Player dans sa propre fenêtre rectangulaire sur une page Web. Il s'agit de la valeur par défaut pour wmode et elle fonctionne de la même manière que le Flash Player classique. Elle fournit normalement les performances d'animation les plus rapides.
Opaque : en utilisant la valeur Opaque, vous pouvez utiliser JavaScript pour déplacer ou redimensionner des films qui n'ont pas besoin d'un arrière-plan transparent. Le mode Opaque permet au film de masquer tout ce qui se trouve derrière lui sur la page. De plus, le mode opaque déplace les éléments derrière les films Flash (par exemple). , avec HTML dynamique) pour les empêcher de s'afficher.
Transparent : le mode Transparent permet à l'arrière-plan de la page HTML, ou au calque DHTML situé sous l'animation ou le calque Flash, de s'afficher à travers toutes les parties transparentes de l'animation. Cela vous permet de superposer l'animation avec d'autres éléments de la page HTML. les performances peuvent être plus lentes lorsque vous utilisez cette valeur.
mode fenêtre
Le mode d'affichage par défaut. Dans ce mode, le lecteur Flash a sa propre poignée de fenêtre, ce qui signifie que l'animation Flash est une instance d'affichage qui existe dans Windows et se trouve au-dessus de la fenêtre d'affichage principale du navigateur, donc Flash uniquement. semble être affiché dans le navigateur, mais c'est aussi le mode de rendu le plus rapide et le plus efficace pour Flash. Puisqu'il s'agit d'une surface de rendu HTML indépendante du navigateur, Flash couvre toujours toutes les couches DHTML qui se chevauchent dans le mode d'affichage par défaut.
Cependant, la plupart des navigateurs d'ordinateurs Apple autorisent l'affichage de la couche DHTML au-dessus du flash, mais des phénomènes étranges se produiront lors de la lecture de l'animation Flash. Par exemple, la couche DHTML s'affichera anormalement comme si une partie de celle-ci était présente. été rayé par le flash.
Mode Opaque
Il s'agit d'un mode sans fenêtre. Dans ce cas, le lecteur Flash n'a pas son propre handle de fenêtre, ce qui oblige le navigateur à indiquer au lecteur Flash quand et où dessiner sur la surface de rendu du navigateur. À ce stade, l'animation flash ne sera pas plus haute que la surface de rendu HTML du navigateur mais sera sur la même page que les autres éléments, vous pouvez donc utiliser la valeur z-index pour contrôler si l'élément DHTML couvre le flash ou est couvert.
Mode transparent
Mode transparent. Dans ce mode, le lecteur Flash définira la valeur alpha de la couleur d'arrière-plan de la scène sur 0 et dessinera uniquement les objets réellement visibles sur la scène. Vous pouvez également utiliser le z-index pour contrôler la valeur de profondeur. de l'animation Flash, mais contrairement au mode Opaque, cela réduira l'effet de lecture des animations Flash, et le réglage de wmode="opaque" ou "transparent" dans les versions de Flash Player antérieures à 9.0.115 entraînera l'échec du mode plein écran. .
Après avoir compris la mise en œuvre et la signification des différents modes, vous pouvez choisir de définir la valeur de l'attribut wmode en fonction de circonstances spécifiques lors du développement futur.