begin process at 2012 02 13 03:17:15
  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...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 1,498 sec (3)

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