|
|
code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro  
Inscrit: 27/04/2011 13:29
De Seine et marne
|
Bonjour,
j'ai inséré le code "opaque": wmode=opaque dans mon "Catads" pour que les images soient au dessus de la vidéo lorsque l'on clique dessus:
ça fonctionne avec Firefox et Opéra, mais pas avec Internet Explorer.
c'est normal ?
Posté le : 22/10/2013 10:16
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Admin Frxoops  
Inscrit: 04/03/2011 09:10
De Lot
|
bienvenu dans le monde des CSS,
opaque n'est simplement pas reconnu par IE, pour précision, il faut aussi tester Chrome au passage, et aussi Safari.
Et en plus pour pimenter la chose, chaque version de chaque navigateur se comportent plus ou moins différemment, donc a tester sur chaque navigateur que tu veux supporter.
Ensuite, plusieurs techniques, soit tu fait simple et tu t'arrange avec les CSS qui fonctionnent sur tous les navigateurs, quitte a ré-écrire le HTML.
Soit tu charge un style CSS suivant le navigateur (un peu lourd a gérer)
Ou tu utilise le JavaScript pour compenser.
Pour revenir a ton problème essai wmode=transparent; ou z-index:50; (50 c'est par exemple, cela fonctionne comme les calques de photoshop, plus le chiffre est grand, plus le calque est devant)
Posté le : 22/10/2013 12:26
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro Inscrit: 27/04/2011 13:29
De Seine et marne
|
Citation :montuy337513 a écrit :
bienvenu dans le monde des CSS,
opaque n'est simplement pas reconnu par IE, pour précision, il faut aussi tester Chrome au passage, et aussi Safari.
Et en plus pour pimenter la chose, chaque version de chaque navigateur se comportent plus ou moins différemment, donc a tester sur chaque navigateur que tu veux supporter.
Ensuite, plusieurs techniques, soit tu fait simple et tu t'arrange avec les CSS qui fonctionnent sur tous les navigateurs, quitte a ré-écrire le HTML.
Soit tu charge un style CSS suivant le navigateur (un peu lourd a gérer)
Ou tu utilise le JavaScript pour compenser.
Pour revenir a ton problème essai wmode=transparent; ou z-index:50; (50 c'est par exemple, cela fonctionne comme les calques de photoshop, plus le chiffre est grand, plus le calque est devant)
Bonjour Montuy, j'avais essayé z-index, mais ça ne marchait pas . je l'avais peut-être mal placé. Pour wmode=transparent;, ça rendra comme opaque , non ?
Posté le : 22/10/2013 12:37
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Admin Frxoops Inscrit: 04/03/2011 09:10
De Lot
|
wmode=transparent est reconnu par IE, est en théorie cela fait pareil. Un peu comme border-radius, il y a 3 façon de l'écrire
-webkit-border-radius: 10px; /* pour les navigateur avec webkit comme safari */
-moz-border-radius: 10px; /* pour FF*/
border-radius: 10px; /* pour les autres */
et ces trois lignes sont a préciser à chaque fois si on veut que les navigateurs reconnaissent "border-radius" Il y en a toute une série et ce serai bien trop long a les faire tous.
Posté le : 22/10/2013 12:56
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro Inscrit: 27/04/2011 13:29
De Seine et marne
|
Montuy, voila comment j'avais placé mon code opaque dans catads_item.html:
<!-- video --> <{if $annonce.video}> <tr> <td class="even" align="center"> <!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="425" height="355"><script>/*<![endif]x--> <object type="application/x-shockwave-flash" data="<{$annonce.video}>"wmode=opaque width="425" height="355"><script type="text/javascript">/**/</script> <param name="movie" value="<{$annonce.video}>" /> <p>Alternative Content</p> </object> </td> </tr> <{/if}>
Je ne sais pas si j'ai fais une erreur (je te demande ça avant d'essayer ton code transparent) ?
Posté le : 22/10/2013 13:15
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Admin Frxoops Inscrit: 04/03/2011 09:10
De Lot
|
et pour IE tu l'a oublié, dans la partie grisée (qui correspond a la commande pour IE) tu dois aussi préciser ce mode, par contre la syntaxe n'est pas la même.
Je crois que c'est wmode="opaque" mais ce sera a vérifier sur Google
Posté le : 23/10/2013 00:23
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro Inscrit: 27/04/2011 13:29
De Seine et marne
|
Citation :montuy337513 a écrit :
et pour IE tu l'a oublié, dans la partie grisée (qui correspond a la commande pour IE) tu dois aussi préciser ce mode, par contre la syntaxe n'est pas la même.
Je crois que c'est wmode="opaque" mais ce sera a vérifier sur Google c'est balot  , je ne comprend pas ce qu'est la partie grisée?
Posté le : 23/10/2013 12:05
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Admin Frxoops Inscrit: 04/03/2011 09:10
De Lot
|
cette partie là
<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="425" height="355"><script>/*<![endif]x-->
*/
Posté le : 23/10/2013 12:11
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro Inscrit: 27/04/2011 13:29
De Seine et marne
|
Ah ok, cgez moi elle est verte...
et j'avais pas vu "IE"...
j'essaye ton code.
je reviens après l'essai...
a toute
Posté le : 23/10/2013 12:22
|
|
|
|
|
Re: code "opaque": wmode=opaque ne marche pas sous internet explorer ? |
|
Semi pro Inscrit: 27/04/2011 13:29
De Seine et marne
|
j'ai essayé: wmode=opaque wmode="opaque" filter:alpha(opacity=50) aucun ne marche...
<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"filter:alpha(opacity=50) width="425" height="355"><script>/*<![endif]x-->
*/
Posté le : 23/10/2013 12:38
|
|
|
Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
|
![Open in new window](javascript:CaricaFoto("/uploads/newbb/14931_5325680ead6ec.png");)
