begin process at 2010 03 17 00:57:05
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

image de fond


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

image de fond

jeudi 24 avril 2008 à 12:50:41 | image de fond

debutant VB

Membre Club
J'aimerai afficher une image de fond sans utiliser la propriété bgcolor de <body>
pour plus de possibilités. J'ai fait ce code qui fonctionnait avec FrontPage et IE,
mais j'ai récemment changé de navigateur, et je me suis rendu compte que ce code
ne marchait pas avec Mozilla Firefox ...
Voici mon code (en simplifié) :

<html><body>
<p><img border="0" src="BGPic.jpg"
style="position: absolute; z-index: -1; left: 0; top: 0"></p>
<p>bonjour</p>
</body></html>

L'image n'apparaît pas sur Mozilla bien qu'elle soit présente dans :
Informations sur la page>Médias. En retirant le "z-index: -1;", l'image apparaît,
mais au dessus du texte. Comment faire ?

Merci d'avance.

jeudi 24 avril 2008 à 13:09:14 | Re : image de fond

Zobibol

Salut !!!!
Et pourquoi pas le css ?
<style>
    body{
       background-umage:url("./BGPic.jpg");
    }
</style>

beaucoup plus simple non ?

[o-_-o]
jeudi 24 avril 2008 à 13:39:00 | Re : image de fond

debutant VB

Membre Club
Dans ce cas, comment faire pour que l'image prenne la dimension de l'écran,
et comment faire pour la déplacer ? (top, left, width, height)
jeudi 24 avril 2008 à 14:13:55 | Re : image de fond

bultez

Membre Club


Bonjour,

    et pourquoi un z-index = -1 ?
    à partir de 0, tout baigne....


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 24 avril 2008 à 14:58:05 | Re : image de fond

debutant VB

Membre Club
J'ai déjà essayé quelque chose comme ça, mais ça ne marche pas ...

<html><body>
<p><img border="0" src="BGPic.jpg"
style="position: absolute; z-index: 0; left: 0; top: 0"></p>
<div style="z-index: 1">
<p>bonjour</p>
</div>
</body></html>

jeudi 24 avril 2008 à 15:23:37 | Re : image de fond

bultez

Membre Club
Réponse acceptée !
ah... je commence à comprendre ce que tu veux....

<img border="0" src="file://D:/Mes documents/Mes images/Animes/Ecrit.gif"
            style="position: absolute;left: 0; top: 0;
                    filter:alpha(opacity=50); -moz-opacity: 0.5;">
<div style="position:absolute:top:0;left:0">bonjour</div>


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 24 avril 2008 à 16:38:55 | Re : image de fond

Zobibol

en fait c'est juste un problème de z-Index !

[o-_-o]
jeudi 24 avril 2008 à 17:14:47 | Re : image de fond

debutant VB

Membre Club
Oui, c'est ce que je cherchais.
Merci !!!

(et merci aussi pour le "filter:alpha(opacity=50); -moz-opacity: 0.5;" que je
ne connaissait pas non plus).



Cette discussion est classée dans : code, image, fond, index, mozilla


Répondre à ce message

Sujets en rapport avec ce message

mozilla et les sélections :( [ par randiox ] voila j'ai fait un petit code qui tourne sous IE :function smiley(code) { var chaine = document.selection.createRange().text; document.formulaire.te image background et redimensionnement [ par evilfrog83 ] Comment puis-je faire pour qu'une image positionnée en temps que fond d'un tableau puisse s'agrandir et se rétrécir en fonction de la taille de celui- Image centrée en fond de tableau... [ par orelien ] Bonjour,J'aimerais placer une image en fond d'un tableau mais centrée...Merci.Orélien. Timeout [ par turlut ] Bonjour tout le monde !J'aimerais bien créer un code javascript qui ouvre une fenêtre avec un url genre www.monsite.com/index.php?url= avec une boucl pb impression image avec zones transparentes Mozilla [ par philou7 ] Bonjour, une image gif contenant des zones transparentes recouvre partiellement une première image de même dimension La visualisation est correcte que mettre une image sous un bouton submit [ par ManuAntibes ] Voila j'ai créé une image a la place d'un bouton submit.j'ai un bouton voici le code: // du bouton Et je le remplace par l'image voici le code:<a href Image de fond non duplicable [ par GLTRADE ] Bonjours à tou(te)s, je rencontre un problème avec un fond d'écran pour ma page web. Mon client voudrait que l'image de fond ne se duplique pas (et ce Image de fond fixe. [ par Calypsone ] Comment faire pour que mon image background ne bouge pas quand on scroll sur la page ?Merci par dessous ou par dessous ...? [ par GuilleW ] voila .. il me faudrai un code du style :z-index:'100'mais dans une fonction ... je m'explique ...disons que j'ai deux en posi Pb Netscape 7.0 et Mozilla Z:index négatif dans div [ par philou7 ] Bonjour,Je constate que Netscape 7.0 et Mozilla n'affichent pas les images contenu dans des div avec z:index de valeur négativeContrairement aux précé


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,172 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales