High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

IFrame Transparente sous IE

Dernière réponse le 18 nov 2009 à 12:40:34 harrobaz, le 17 avr 2008 à 03:09:30 
 Signaler ce message aux modérateurs


Bonjour,

Je suis en train de créer un site avec des iframes. J'aimerais qu'elle soient transparentes.

Sur Firefox tout marche pour le mieux mais sous IE7, le fond apparaît.

Pourtant, j'ai bien mit 

allowtransparency="true"


Voici le code complet de mon iFrame : 

<iframe style="left: 228px; position: absolute; top: 347px; background-color: transparent" name="contenu" src="accueil.htm" frameborder="0" height="655" width="573" allowtransparency="true" >


J'ai vu que des fois il fallait remplacer "absolute" par "static". Quand je le fais la page devient bien transparente mais je n'ai plus rien, ni le texte ni l'image.

Comment pourrais-je faire pour qu'elle apparaisse transparente sous IE aussi ?

Merci d'avance.
Configuration: Windows Vista
Firefox 2.0.0.13

Meilleures réponses pour « iFrame Transparente sous IE » dans :
[Webmaster] Afficher des PNG transparents dans IE 5.5 et IE 6 VoirLe problème Les PNG transparents permettent de faire de très beaux effets sur les pages web. Tous les navigateurs le supportent (Firefox, Opera, Konqueror, Safari, Camino...)... sauf Internet Explorer 5.5 et 6 ! (Internet Explorer 7, lui, supporte...
Désinstaller IE 8 VoirDésinstallation d'IE 8 Vous avez installé IE8 pour le tester et vous souhaitez désormais revenir à une version précédente ? Voici la procédure à suivre pour les OS suivants : Windows Vista Windows XP Windows Vista Ouvrir le...
[Gimp] Créer des images transparentes Voir
Posez votre question Répondre

1

Dacobah, le 17 avr 2008 à 12:45:45

Internet Explorer ne reconnaît tout simplement pas la propriété allowtransparency. Dans ce cas-là mieux vaut éviter la transparence. En effet, de nombreux navigateurs ne gère pas bien (ou pas correctement) la transparence d'un ou plusieurs éléments.

As-tu aussi essayé ton script sous Safari et Opera ?

   
Répondre à Dacobah

2

harrobaz, le 18 avr 2008 à 15:08:17

Non je ne l'ai essayé que sous IE et Firefox.

Mais c'est pas grave, j'ai mit un fond d'écran au pages qui étaient dans l'iFrame donc maintenant tout va bien !!

Et je pense que ce sera mieux comme ça et plus compatible.

Merci beaucoup !

   
Répondre à harrobaz

3

Dacobah, le 18 avr 2008 à 19:14:34

De rien. Pense à mettre "Sujet Résolu" dans ce cas ;-)

   
Répondre à Dacobah

4

jamesmax, le 3 jun 2008 à 09:41:36

Pour moi le problème n'a été résolu!

   
Répondre à jamesmax

5

movom, le 25 jui 2008 à 01:53:04

<IFRAME src="menu.html" width=200 height=600 scrolling=no frameborder=0 allowTransparency="true"> </IFRAME>

   
Répondre à movom

6

feuch, le 24 oct 2008 à 10:11:47
  • +3

[RESOLU pour de vrai!!]
j'ai decouvert qu'en ayant un doctype 1.0 dans les pages appelés dans la zone iframe, la transparence fonctionne MÊME dans IE

au lieu de :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
on remplace par :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
et ça passe!
pour la transparence de l'iframe j'utilise l'attribut allowtransparency="yes" au lieu de true mais je ne crois pas que ça joue

   
Répondre à feuch

9

seb, le 8 nov 2008 à 17:17:51

Bonjour. j ai exactement le meme probleme. j utilise kompozer pour creer mes pages.
comment je fais pour changer le doc type de ma page.
je fais copier/coller dans le code source, une fois que j enregistre la page, sa me le remet comme avant, c est a dire en 4.0
la je suis desespere
sa me saoule car sa fonctionne bien sous mozzila et safari mais pas sous ie
merci beaucoup
seb

   
Répondre à seb

10

bim, le 26 nov 2008 à 21:41:50

Tu l'ouvres avec un autre éditeur de texte plus basic genre simple bloc note, ça devrait le faire.

   
Répondre à bim

7

Loran69, le 27 oct 2008 à 23:16:46

Bonjour,

Et si la page qui est appelée dans l'iframe est une page php on fait comment ???

   
Répondre à Loran69

8

Loran69, le 27 oct 2008 à 23:21:27

OKOk
C'est bon j'ai trouvé la partie html de la page !! dsl ;)

   
Répondre à Loran69

11

Gabriel, le 8 déc 2008 à 15:48:20

HELP !

J'ai mis un videozap de chez dailymotion sur mon site "www.culturecie.com" mais la transparence ne fonctione pas sous IE !
Pourquoi ? comment résoudre se problème ?
J'ai fais plusieurs tentative avec les codes décrit si-dessus mais cela ne fonctione jamais.
Le site est géré par typo3.

voici le code donné par dailymotion :

<div class="slidesingle"><iframe marginwidth="0" marginheight="0" width="692" height="436" frameborder="0" scrolling="no" src="http://www.dailymotion.com/..." iframe></div>

merci pour votre aide, commentaire, reponse....

Cordialement,
Gabriel.

   
Répondre à Gabriel

12

dathief, le 13 nov 2009 à 17:03:58
  • +1

J'ai eu le même problème en travaillant sur un site dernièrement, et LA solution sous IE est plutot simple.
Déjà votre iFrame doit avoir un code similaire à celui ci : 

<iframe name="Frame1" src="frame.htm" allowTransparency="true">
</iframe>


avec allowTransparency à true.
Ensuite dans votre page source, qui dans ce cas est frame.htm, on doit avoir la structure suivante : 

<html>
    <body style="background-color:transparent">
        //contenu de la page
    </body>
</html>


Et le tour est joué, votre iFrame est transparente et s'affiche correctement sur IE. J'ai testé cette solution seulement sur IE 8 donc je peux pas certifié que ça marche pour les autres versions de IE.

   
Répondre à dathief

13

 Thyer, le 18 nov 2009 à 12:40:34

Perfect, et même sur IE6, merci beaucoup pour cette astuce :D

   
Répondre à Thyer
Posez votre question Répondre
Ils ont besoin de votre aide