Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
876 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU]CSS probleme de couleur de fond sur des divs empilés.

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU]CSS probleme de couleur de fond sur des divs empilés.

n°1641279
smam
Posté le 11-11-2007 à 23:26:21  profilanswer
 

Bonjour j'ai un div qui vient se poser par dessus une image. Entant normal le div est transparent mais lorsque l'utilisateur passe la souris dessus je souhaite qu'il devienne remplis avec une couleur de fond.
 
Le soucis c'est que l'image du div du dessous apparait par dessus avec firefox.
 
Voici la page en question (qui marche avec IE et pas avec FF)
http://serveur.smamhost.com/portfolio/index.php
 
et voilà le code foireux:
 

<td class="center" id="test">
  <img src="image.img" />texte
  <div id="test2" style="background-color:#aaaaaa;border:1px black solid;height:330px;margin-top:-330px;padding:0px;text-align:left;">
    texte
  </div>
</td>
 


Message édité par smam le 12-11-2007 à 00:52:03
mood
Publicité
Posté le 11-11-2007 à 23:26:21  profilanswer
 

n°1641283
SICKofitAL​L
Razoreater
Posté le 11-11-2007 à 23:32:28  profilanswer
 

et avec un z-index: -1 ca donne koi ?


---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"
n°1641284
smam
Posté le 11-11-2007 à 23:43:37  profilanswer
 

en mettant le z-index:-1  sur test2 ça donne pareil

n°1641285
smam
Posté le 11-11-2007 à 23:44:51  profilanswer
 

je pense que FF interprette le background color comme une couleur de fond et place le reste par dessus donc mon image avec

n°1641298
SICKofitAL​L
Razoreater
Posté le 12-11-2007 à 00:19:16  profilanswer
 

que FF interpretre le background-color comme une couleur de fond c normal puisque c justement une couleur de fond ;)

 

sinon à priori tu passes par du JS pour faire ca, donc pour dépatouiller le truc tu peux lorsque la valeur de l'opacity arrive à 1 (ou à 100% pour IE) cacher l'image (display: none en CSS), et la faire le contraire sur le onmouseout.

 

Bon c plus un "patch" qu'une soluc' :/

 

EDIT : ca le fait plus ? tu as éditer ?


Message édité par SICKofitALL le 12-11-2007 à 00:24:14

---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"
n°1641302
smam
Posté le 12-11-2007 à 00:37:58  profilanswer
 

oui il fallais mettre une position:absolute, sinon apparement ça marche pas
 
 
maintenant le probleme c'est que la position absolute marche bien sur FF mais internet explorer ne la met pas au bon endrois....

n°1641307
SICKofitAL​L
Razoreater
Posté le 12-11-2007 à 00:50:41  profilanswer
 

essaye de placer ton image dans un div, j'avoue que je capte pas trop non plus
 
ceci dit, mooTools fait des trucs bizarres parfois (tu passes par mooTools pas vrai ? ;) )


---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"
n°1641308
smam
Posté le 12-11-2007 à 00:51:49  profilanswer
 

Résolu.
 
Passage en position absolute, suppression de la marge négative et le div qui cache est en premier avec un z-index2 sur le second.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU]CSS probleme de couleur de fond sur des divs empilés.

 

Sujets relatifs
[RESOLU] javascript enfantin mais not definedproblème code pour un tri
probleme avec programmation csharp[Non résolu] fermer un userform mais RESTER dans la feuille en cours
[SDL]Problème de Scrolling[javascript] Problème d'insertion dans un fichier .js
[Resolu ]Incrementation [ debutanT ][resolu] - Recuperer nom fichier selectionné dans une listview !
Probleme avec File / Buffered Reader aide svp[Résolu] Supprimer une ligne d'un array sans trier ?
Plus de sujets relatifs à : [RESOLU]CSS probleme de couleur de fond sur des divs empilés.


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR