Transparence de mon swf Flex dans mon HTML

**Diablo_22** · 28/01/2010, 17h27

Bonsoir,
j'ai une application (swf) en flex que j'intègre dans du html mais le problème c'est que je n'ai pas le fond de ma page qui s'affiche derrière mon swf, j'ai eu beau tester les différentes méthodes de transparence trouvé sur le net mais toujours aucune transparence..

**Jim_Nastiq** · 29/01/2010, 10h56

Salut,

Utilises tu swfObject pour l'intégration dans ta page html ? qu'as tu tenté (avec le code)?

**Diablo_22** · 29/01/2010, 12h16

non je n'utilise pas swfObject.
Coté flex j'avais mis le backgroundAlpha="0" dans le tag <mx:Application>
J'appelle mon swf depuis une jsp.
voici le code de ma jsp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
<!-- saved from url=(0014)about:internet -->
<!-- 
Smart developers always View Source. 
 
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. 
 
Learn more about Flex at http://flex.org 
// -->
 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="carte/history/history.css" />
<!--  END Browser History required section -->
 
<title></title>
<script src="carte/AC_OETags.js" language="javascript"></script>
 
<!--  BEGIN Browser History required section -->
<script src="carte/history/history.js" language="javascript"></script>
<!--  END Browser History required section -->
 
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 124;
// -----------------------------------------------------------------------------
// -->
</script>
 
 
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
 
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
 
if ( hasProductInstall && !hasRequestedVersion ) {
	// DO NOT MODIFY THE FOLLOWING FOUR LINES
	// Location visited after installation is complete if installation is required
	var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
	var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;
 
	AC_FL_RunContent(
		"src", "playerProductInstall",
		"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
		"width", "1024",
		"height", "670",
		"wmode", "transparent",
		"align", "middle",
		"id", "Carte",
		"quality", "high",
		"bgcolor", "#ffffff",
		"name", "Carte",
		"allowScriptAccess","sameDomain",
		"type", "application/x-shockwave-flash",
		"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
} else if (hasRequestedVersion) {
	// if we've detected an acceptable version
	// embed the Flash Content SWF when all tests are passed
	AC_FL_RunContent(
			"src", "Carte",
			"width", "1024",
			"height", "670",
			"wmode", "transparent",
			"align", "middle",
			"id", "Carte",
			"quality", "high",
			"name", "Carte",
			"allowScriptAccess","sameDomain",
			"type", "application/x-shockwave-flash",
			"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
  	+ 'This content requires the Adobe Flash Player. '
   	+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script>
 
<div id="carteSwf">
 
</div>

**Jim_Nastiq** · 29/01/2010, 14h20

Je te conseilles tout de meme d'utiliser swfObject, pour sa meilleure intégration des contenus flash et surtout pour sa lisibilité dans le code source HTML

Concernant le soucis, c'est bien le wmode qu'il faut passer a transparent et un background alpha à 0 devrait te permettre de voir "au travers" (à condition qu'aucun enfant de ton application ne viennent cacher le fond de l'application). Je pense donc que le souci vient du parametre wmode dans la page HTML, c'est pourquoi je t'encourage a jeter un oeil à SWFObject car l'intégration proposée par Adobe(Flex Builder) est plutôt minable