fond transparent pour " l'application "

Bonjour,

Je me suis mis tout récemment à m'intéresser à silverlight (hier) et j'ai un petit problème dont je ne trouve pas la solution... Surement un truc de newb mais bon...

J'intègre " l'appli " silverlight dans ma page web. Mais le fond de ma div est une image donc j'aimerais savoir comment faire pour que l arrière plan de " l'appli " soit transparent ? J ai essayé de mettre la valeur "transparent" dans mon canvas, ainsi que dans la balise object mais rien n'y fait.... Le fond reste noir :s

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="silverlightControlHost" class="centrer"> <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="500px;" height="100%"> <param name="source" value="appli1.xap"/> <param name="onerror" value="onSilverlightError" /> <param name="background" value="transparent" /> <param name="minRuntimeVersion" value="2.0.31005.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Téléchargez Microsoft Silverlight" style="border-style: none"/> </a> </object> </div>

---

et dans VS2008 :

Code:

---

1 2	<Canvas Width="500" Height="300" Background="Transparent">

---

J'espère que vous pourrez m'aider.

Merci d'avance !! :D

Citation:

---

Envoyé par Alt157

Bonjour,

Code:

---

1 2	<Canvas Width="500" Height="300" Background="Transparent">

---

---

Essaie de supprimer les attributs Height et Width pour voir.

Bonjour,

Merci de ton aide mais malheureusement j'ai essayé mais cela n'a absolument rien changé. :?

Citation:

---

Envoyé par Alt157

Le fond reste noir :s

---

D'après ce que t'as écrit le fond est noir ce qui n'est pas la couleur pas défaut. La couleur par par défaut est Blanc. Donc le noir provient de tes propres manip. Il faut que tu scrute ton code pour trouver où t'as marqué Black comme background.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<UserControl x:Class="mapage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="500" Height="300" Background="Transparent"> <Canvas Width="500" Height="300" Background="Transparent"> <Grid Name="grid_label" Height="50" Canvas.Top="50" Background="Beige" > <TextBlock Name="lbl_legende" HorizontalAlignment="Center" TextAlignment="Center" /> </Grid> <Image Name="image0" MouseLeftButtonDown="versladroite_click" Source="http://localhost/personnel/personnel%205.1/style/album/vide.png" Canvas.Left="-75" Canvas.Top="75" Width="150" Height="150" /> <Image Name="image1" MouseEnter="infobulle_show" MouseLeave="infobulle_leave" Source="http://localhost/personnel/personnel%205.1/style/album/vide.png" Canvas.Left="100" Width="300" Height="300" /> <Image Name="image2" MouseLeftButtonDown="verslagauche_click" Source="http://localhost/personnel/personnel%205.1/style/album/vide.png" Canvas.Left="425" Canvas.Top="75" Width="150" Height="150" /> </Canvas> </UserControl>

---

Comme tu vois mon code n'était pas bien volumineux... et il n'y a pas de 'black' mais bon je vais essayer de tout réinstaller car je n'arrive a rien là :cry:

J ai Visual Studio 2008 donc j ai installé

• Silverlight.2.0.exe
• SilverlightToolkit_Nov08.zip
• Microsoft Expression Blend 2

Comme cela je me suis dis je vais me faire les interfaces avec Blend et le code sous VS2008 mais il me met cette erreur lorsque je fais clic droit sur une page de VS2008 -> Ouvrir dans Expression Blend :

Citation:

---

UserControl is not supported in a WPF project

---

J ai vu sur Internet qu'il fallait télécharger : BlendV2SP1_fr.exe c'est ce que j ai fait mais il me met un message d erreur : SP1 a été installé

J aurais besoin de votre aide car le je ne comprends plus rien. :(

Ta désinstallation n'a pas été propre je pense ;)

Idée : Tutoriel : Visite ce lien

Merci pour votre aide mais je suis passé par le menu ajout/suppression de programmes pour dégager tout ce qui avait en rapport avec silverlight mais plus moyen de réinstaller quoi que ce soit....:cry: donc les tutos je les lirai plus tard... mais merci :D je vais essayer la dernière méthode qui me reste : un bon gros formatage, et puis je reviens pour donner des nouvelles.... En espérant que cela ira....:?

Bonsoir,

Je suis de retour. J'ai tout reformaté mon PC, tout réinstallé et cela fonctionne bien. Cependant mon problème de fond non transparent persiste. J'ai simplifié au maximum et je ne sais pas comment on peut faire pour le retirer...

Voici le Xaml (j ai juste mis un bouton ):

Code:

---

1 2 3 4 5 6 7 8 9

<UserControl x:Class="SilverlightApplication1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="Transparent"> <Button Name="monBouton" Content="cliquez !!" Width="100" Height="30" /> </Grid> </UserControl>

---

et voici le code HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="silverlightControlHost" class="centrer"> <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="100%" height="100%"> <param name="source" value="SilverlightApplication1.xap"/> <param name="onerror" value="onSilverlightError" /> <param name="background" value="transparent" /> <param name="minRuntimeVersion" value="2.0.31005.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Téléchargez Microsoft Silverlight" style="border-style: none"/> </a> </object> </div>

---

Finalement le css :

Code:

---

1 2 3 4 5 6

#silverlightControlHost { height : 500px; width : 500px; }

---

Merci d'avance pour votre aide :) parce que là je vois pas pourquoi il met un fond noir...

PS : j'ai fait un rechercher remplacer dans mon css en changeant tous les #000000 (noir) en #FF0000 (rouge) et le fond du silverlight reste noir donc à priori cela ne vient pas du css

C'est cette ligne qui fait que c'est noir
<param name="background" value="transparent" />

Enlève là.

Merci !!

Oui je l ai retiré et c'est vrai que ce n'est pus noir !!! Mais blanc :(

Que dois je faire alors pour un fond transparent.... Enfin est ce possible ?

Essaye ça

<param name="background" value="#00FFFFFF" />

Sinon ça
<param name="background" value="#00FFFFFF" />
<param name="windowless" value="true" />

Merci beaucoup Skyounet pour ta rapidité et ton efficacité !!

Cela marche super bien en mettant :

Code:

---

1 2 3

<param name="background" value="#00FFFFFF" /> <param name="windowless" value="true" />

---

ps : la première solution m'a remis un fond noir.

Merci encore une fois !!!