problème firefox/CSS [RESOLU]
problème firefox/CSS [RESOLU] - HTML/CSS - Programmation
Marsh Posté le 01-12-2009 à 17:57:49
Salut,
1er lien sur http://www.google.fr/search?q=filt [...] =firefox-a
Ca devrait t'aider je pense 
Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).
Tip: The CSS3 syntax for transparency is opacity:x.
In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent.
In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.
Bon sinon, une image de 800 Ko en fond d'écran, juste comme ça, c'est LONG à charger
Marsh Posté le 01-12-2009 à 18:06:52
J'ai pas pu lire, mes yeux étaient accaparés par la photo ![[:dipterolyse]](https://forum-images.hardware.fr/images/perso/dipterolyse.gif "[:dipterolyse]")
Marsh Posté le 01-12-2009 à 18:19:51
Merci Fred999 pour ta réponse.
Ta remarque pour le poid de ma photo est plus que judicieuse, je vais rectifier le tir dès ce soir ;-).
Le novice que je suis a encore une petite question à te poser:
J'ai changé 'filter:alpha(opacity=20)' par 'opacity:0.5'.
Maintenant l'effet CSS est visible dans firefox mais plus dans explorer...
Y-a-t-il un solution pour que l'effet désiré soit uniforme dans ces deux navigateurs (le site que je tente de créer sera traduit dans plusieurs langues et sera consulté dans de nombreux pays, je voufrais donc qu'il puisse être opérationnel au moins avec explorer ET firefox)?
Marsh Posté le 01-12-2009 à 18:27:26
bien vu pataluc, mais le texte du futur site actuel n'est pas ma priorité actuelle... ;-)
Marsh Posté le 01-12-2009 à 18:34:02
Grand merci pour ton aide Fred999.
Ca fonctionne.
Bonne soirée.
Sujets relatifs:
- [Résolu] Exécution de plusieurs SQL dans un .bat
- Probleme ajax/javascript
- [Plugin Firefox] Texte d'une page
- Problème de bannières publicitaires
- [CSS] Un site extensible
- Problème de gestion de la liaison série RS232 en VHDL
- (resolu) Problème de positionnement d'un bouton CSS
- [Résolu] Probleme de calques entre IE et Firefox
- [Résolu]Problème de CSS avec Firefox
- [Resolu] Probleme avec une CSS de Background sous Firefox
Marsh Posté le 01-12-2009 à 17:33:35
Bonjour à tous,
Je suis en train de créer un site web pour une asbl.
Je précise d'emblée que je suis plus que novice en la matière.
J'ai mis mon projet en ligne sur http://users.tvcablenet.be/personal/tvcn149852 pour le tester et je constate que l'a photo que j'utilise comme image de fond sur ma page d'accueil s'affiche comme prévu en utilisant explorer mais pas avec firefox ou google crome (l'image doit être fortement atténuée suite effet CSS que je lui ai attribuée).
Cela fait deux jour que je cherche l'origine de mon problème en consultant forums et autres sites sur le net mais je ne trouva pas...
Quelqu'un aurait-il la gentillesse de m'aider.
Merci d'avance.
Voici le code de ma page:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Acceuil</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0px;
top:11px;
width:276px;
height:218px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:-6px;
top:622px;
width:257px;
height:191px;
z-index:2;
}
#plandusite {
position:absolute;
left:-2px;
top:250px;
width:253px;
height:361px;
z-index:3;
color: #000;
background-color: #CCCCCC;
}
#apDiv4 {
position:absolute;
left:500px;
top:0px;
width:1px;
height:177px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:536px;
top:50px;
width:550px;
height:150px;
z-index:4;
}
#apDiv6 {
position:absolute;
left:500px;
top:0px;
width:450px;
height:142px;
z-index:4;
}
.plandusite {
padding-left: 10px;
border: thin solid #000;
margin-left: 10px;
}
.mini {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
}
#apDiv3 {
position:absolute;
left:0px;
top:834px;
width:262px;
height:27px;
z-index:5;
}
#apDiv7 {
position:absolute;
left:299px;
top:151px;
width:766px;
height:652px;
z-index:6;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bold;
overflow: auto;
background-image: url(Images/greg-IMG_7855.png);
}
.transpa {
filter: Alpha(Opacity=20);
}
#apDiv8 {
position:absolute;
left:353px;
top:155px;
width:771px;
height:628px;
z-index:0;
}
#apDiv9 {
position:absolute;
left:421px;
top:195px;
width:609px;
height:66px;
z-index:7;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: x-large;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="apDiv1"><img src="Images/Logo_DPT13_color.jpg" width="286" height="235" /></div>
<div id="apDiv2"><img src="Images/Logo_bar_color_2.jpg" width="273" height="203" /></div>
<div class="plandusite" id="plandusite">
<h3 align="center"><font face="Verdana, Geneva, sans-serif"><u>PLAN DU SITE</u></font></h3>
<p><a href="Organigrame/organ.html" target="_self">Organigramme</a></p>
<p><a href="Planning & Menus/indexplan&menu.html" target="_self">Planning & menus</a></p>
<p>Activités promotionnelles</p>
<p>Bénévolat</p>
<p><a href="Galerie photos/indexphoto.html" target="_self">Galerie photos</a></p>
<p>Accès sécurisé</p>
<p> </p>
<p><a href="mailto:catering@wispawavre2010.com">Contactez nous</a></p>
</div>
<div id="apDiv6"><img src="Images/logo_wispawavre2010.jpg" width="448" height="143" /></div>
<div id="apDiv3">
<div align="center" class="mini">mis à jour le 30/11/2009</div>
</div>
<div id="apDiv8"><img src="Images/greg-IMG_7855.png" width="770" height="655" class="transpa" /></div>
<div id="apDiv9"><u>MESSAGE D'ACCUEIL</u></div>
</body>
</html>
Message édité par wispa le 01-12-2009 à 19:00:03