Problème couleur d'arrière plan des frames sous Firefox

**darkazuria** · 12/05/2008, 18h34

Bonjour àtous,

J'ai un site et plusieurs visiteurs m'ont dit que sous firefox la couleur d'arrière plan de mes frames est grise au lieu d'être transparente et que certaine bordures sont noire et épaisses.

Voici le code de mes frames :

Code :

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

1
2
3
 <div align="center">
<iframe name="iframe2" src="http://fascinating.kristen.free.fr/menu02.htm" frameborder="0" scrolling="auto" width="220" height="2200" style="FILTER: chroma (color=eeeeee)"></iframe> 
<iframe name="iframe1" src="http://fascinating.kristen.free.fr/news.php" frameborder="0" scrolling="auto " width="600" height="2200" style="FILTER: chroma (color=eeeeee)"></iframe></div>

J'éspère que vous pourrez m'aider à résoudre mon problème. merci d'avance.

**Erwan31** · 12/05/2008, 19h03

Bonsoir,
c'est un peu étonnant étant donné que filter est une propriété Microsoft mais remplaces FILTER: chroma (color=eeeeee) par
Code : Sélectionner tout - Visualiser dans une fenêtre à part

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

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

allowtransparency="true"

Pour les bordures je ne sais pas. Tu dois fournir tout le code.

**darkazuria** · 12/05/2008, 19h51

J'ai essayé les deux code et sa ne marche pas. En plus dès que je les utilise ça fait le même problème avec IE.

Voici une cap de ce que je vois avec firefox si ça peut vous aidez :
http://img142.imageshack.us/img142/2860/cap2jv7.jpg

Et voici le code entier de ma page :

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
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<link href="kkstyle.css" type=text/css rel="stylesheet"/> 
<base target="_blank"/> 
<title>●● Fascinating Kristen ●● Votre 1&egrave;re source fran&ccedil;aise sur Kristen Stewart</title> 
<style type="text/css"> 
<!-- 
body { 
background-image: url(<a href="http://fascinating.kristen.free.fr/bg0.jpg%29;" target="_blank">http://fascinating.kristen.free.fr/bg0.jpg);</a> 
background-repeat: repeat-x; 
margin-top: 0px; 
background-color: #F8F3F9; 
} 
.Style3 {color: #EEEEEE} 
.Style4 {color: #CC0066} 
--> 
</style> 
<script type="text/javascript"> 
<!-- 
function MM_swapImgRestore() { //v3.0 
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 
function MM_preloadImages() { //v3.0 
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 
 
function MM_findObj(n, d) { //v4.01 
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 
 
function MM_swapImage() { //v3.0 
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
} 
//--> 
</script> 
</head> 
 
<body onLoad="MM_preloadImages('maccueil02.jpg','mkristen02.jpg','mgalerie02.jpg','mmulti02**.jpg','monline02.jpg')"> 
<span class="Style4"></span> 
<div align="center"><img src="http://fascinating.kristen.free.fr/designv2.jpg" width="830" height="343" /></div> 
<div align="center"> 
<p><a href="http://fascinating.kristen.free.fr/news.php" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','maccueil02.jpg',1)"><img src="http://fascinating.kristen.free.fr/maccueil.jpg" name="Image2" width="87" height="31" border="0" id="Image2" /></a><a href="http://fascinating.kristen.free.fr/kristen.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mkristen02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mkristen.jpg" name="Image3" width="86" height="31" border="0" id="Image3" /></a><a href="http://fascinating.kristen.free.fr/galerie/" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','mgalerie02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mgalerie.jpg" name="Image4" width="83" height="31" border="0" id="Image4" /></a><a href="http://fascinating.kristen.free.fr/media.htm?" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','mmulti02.jpg',1)"><img src="http://fascinating.kristen.free.fr/mmulti.jpg" name="Image5" width="122" height="31" border="0" id="Image5" /></a><a href="http://fascinating.kristen.free.fr/site.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','mwebsite02.jpg',0)"><img src="http://fascinating.kristen.free.fr/mwebsite.jpg" name="Image6" width="91" height="31" border="0" id="Image6" /></a><a href="http://fascinating.kristen.free.fr/online.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','monline02.jpg',1)"><img src="http://fascinating.kristen.free.fr/monline.jpg" name="Image7" width="82" height="31" border="0" id="Image7" /></a><span class="Style3"> .....</span><br /> 
</p> 
</div>
<div align="center">
<iframe name="iframe2" src="http://fascinating.kristen.free.fr/menu02.htm" frameborder="0" scrolling="auto" width="220" height="2200" style="FILTER: chroma (color=eeeeee)"></iframe> 
<iframe name="iframe1" src="http://fascinating.kristen.free.fr/news.php" frameborder="0" scrolling="auto " width="600" height="2200" style="FILTER: chroma (color=eeeeee)"></iframe></div>
</body> 
</html>

**Er3van** · 13/05/2008, 11h54

Envoyé par Erwan31

Bonsoir,
c'est un peu étonnant étant donné que filter est une propriété Microsoft mais remplaces FILTER: chroma (color=eeeeee) par
Code : Sélectionner tout - Visualiser dans une fenêtre à part

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

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

allowtransparency="true"

Euh, en quoi c'est étonnant que ça ne marche pas sous FF puisque c'est propriété billou ?
Et "filter : Alpha(opacity=0)" et "filter : Chroma ( color = #FFFFFF )" sont deux choses différentes. Son problème à mon avis c'est qu'il n'utilise pas des images transparente mais qu'il veut les rendre transparente sur le web.

La solution est simple, fais des images vraiment transparentes, via Photoshop ou n'importe quel logiciel qui le permet, que ce soit .gif ou .png ( .gif conseillé pour IE6 il me semble ).

Il n'y a de toute façon pas de correspondance à filter:chroma() actuellement sur d'autres navigateur qu'IE.

Pour les bordures, sous IE elles sont mises à l'intérieure du block, et FF à l'extérieur, si t'as des margin négatif ça peut jouer....

Problème couleur d'arrière plan des frames sous Firefox

HTML

Vue hybride

Discussions similaires

Partager

Partager