CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Background color on background image ?

Chocolayte
Chocolayte
Niveau 73
28 février 2014 à 14:46:23

Salut. :noel:

Comment faire pour appliquer un background-image à un body, puis appliquer un background-color PAR DESSUS ? (à savoir un rgba(255,255,255,.7) ).
Je suis obligé de passer par un body avec un bg-image, et un div global avec le bg-color qui le superpose, ou il existe une astuce ?

Merci.

SergeantCastlez
SergeantCastlez
Niveau 10
28 février 2014 à 16:21:58

Salut Choco !

J'ai pas bien compris ta question, mais si j'ai bien compris en effet il suffit de faire une div et de lui appliqué une couleur, enfin j'ai p-e mal comprit.

Tanil
Tanil
Niveau 46
28 février 2014 à 16:37:33

Yop :hap:

Ca me parait le plus simple en effet. En tout cas ça fonctionne très bien donc pourquoi vouloir faire autrement ? :hap:

Chocolayte
Chocolayte
Niveau 73
28 février 2014 à 19:37:25

Parce que j'fais un skin sur jvc et que leur div #global qu'est censé englober tout le site... n'englobe pas le site. :noel:

Du coup j'ai pris photoshop, et j'ai modifié mon image directement. Donc on peut mettra ça en résolu, sauf si quelqu'un possède une autre solution en css. ^^

Sergeant, en gros j'voulais faire ça, mais avec l'ensemble de la page, et pas seulement la moitié :
https://image.noelshack.com/fichiers/2014/09/1393612575-css.png

deepblue
deepblue
Niveau 16
28 février 2014 à 19:41:34

ça doit être jouable avec #global:after

Tanil
Tanil
Niveau 46
28 février 2014 à 19:45:57

Ouais, toshop au pire. Toute façon il n'y aura apparemment plus de div global sur respawn.

accelerate
accelerate
Niveau 50
04 mars 2014 à 16:08:28

y a plusieurs facon de faire...
depuis css3 tu peux appliquer plusieur sbackground.. exemple:

background-image: url(images/bg1.jpg), url(images/bg2.jpg);

sinon tu peux mettre un background à l'html et un autre au body:

html {
background: url(images/bg1.png);
}

body {
background: url(images/bgt2.png);
}

Ca marche dans tous les navigateurs récents. :ok:

Chocolayte
Chocolayte
Niveau 73
07 mars 2014 à 18:57:35

Non, ça ne va pas pour jvc. :o))
Et j'ai rien réussi non plus avec le :after mais qu'importe. Merci les gars.

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment