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

[HTML][CSS] Superposer deux fonds

Cenobyte39
Cenobyte39
Niveau 10
25 avril 2012 à 16:36:06

http://jsfiddle.net/LBcK6

Voilà, je cherche à faire un fond animé (sur webkit uniquement, enfin disont plus exactement sur iPhone et iPod)

En gros, deux fonds en mouvement superposé (en HD si l'appareil est Retina), le deuxième étant très transparent.

Mais le problème est que seul un des deux fonds apparait quoi que je fasse (le plus transparent des deux). Comment faire apparaitre l'autre en-dessous ?

Une meilleur technique à proposer que celle que j'utilise ?

BekBok
BekBok
Niveau 7
25 avril 2012 à 17:13:27

Cenobyte. :bave:

Pseudo supprimé
Pseudo supprimé 25 avril 2012 à 20:24:27

Essaie avec des : plutôt que des = :-d

Pseudo supprimé
Pseudo supprimé 25 avril 2012 à 20:27:34

Et supprime tes /* ou */ inutiles.

Cenobyte39
Cenobyte39
Niveau 10
25 avril 2012 à 20:55:52

heu... en CSS c'est des ':' , pas des '=' en général.

Puis les /* */ sont des commentaires, ça pose 0 problèmes ça, et ça m'aide à m'y retrouver pour l'instant.

Là le problème est que ça ne se superpose pas... Sinon une des images apparait bien, et l'animation marche aussi sous Safari.

Pseudo supprimé
Pseudo supprimé 25 avril 2012 à 21:12:42

Il parlait de ca:
width=960px;
height=640px;
Ta mis le signe egal.

Cenobyte39
Cenobyte39
Niveau 10
25 avril 2012 à 21:21:41

Ah oui je vois, désolé, mais ça ne change rien,
car c'est dans la partie que j'ai volontairement commentez.

(j'ai commentez tout ce qui sert à définir le type d'écran (iPhone classique ou Retina), afin de pouvoir simplement testé le reste sur mon PC).

Dans la partie qui est testé (au début), j'avais bien mis les ':' (j'ai commenté toute la moitié pour l'écran Retina du CSS).

Pseudo supprimé
Pseudo supprimé 25 avril 2012 à 22:02:56

"Puis les /* */ sont des commentaires, ça pose 0 problèmes ça"
C'est toi qui le dit, regarde la coloration de ton code, tu verras qu'ils sont foireux.

Cenobyte39
Cenobyte39
Niveau 10
25 avril 2012 à 23:13:19

Ah oui, merci, encore désolé, c'était bien la faute à ces balises :rouge: , encore merci :ok: .

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