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

un petit doute

eden-games
eden-games
Niveau 10
31 octobre 2007 à 13:17:47

salut salut,

vous voyez sur ce site :
http://www.eurosport.fr/formule1/
En haut, il y a une grande image avec un petit texte avec un fond de couleur transparent. Vous pensez que c´est un simple fond avec une propriété d´opacité dans les CSS ou c´est plus "élaboré" que sa ?

Merci d´avace :)

deepblue
deepblue
Niveau 16
31 octobre 2007 à 13:43:21

moteur de recherche du forum.

MilesVorkosigan
MilesVorkosigan
Niveau 5
31 octobre 2007 à 13:45:59

Jette un oeil au code de la page :ok:

spartan_18
spartan_18
Niveau 39
31 octobre 2007 à 14:25:50

Si tu parle de fond jaune c´est bien la propriété "opacity" du CSS, sinon on peux mettre "transparent" dans background si on a une image.

eden-games
eden-games
Niveau 10
31 octobre 2007 à 14:34:20

ah merci :) et en fait, pour afficher du texte sur l´image, on utilise z-index ?

MilesVorkosigan
MilesVorkosigan
Niveau 5
31 octobre 2007 à 16:54:35

Utiliser z-index signifie que tu utilise 2 bloc, l´un pour le texte, l´autre pour l´image.
Alors qu´un seul suffit : l´image en background et le texte à l´intérieur :ok:

eden-games
eden-games
Niveau 10
01 novembre 2007 à 00:38:31

hmm, je vois pas trop. sa ?

<div class="maclassedetexte">texte ici bla bla bla</div>

et css :

.maclassdetexte {
background: url(URL DE L´IMAGE EN BACKGROUND);
background-color: #COULEUR DE L´ARRERE PLAN DU TEXTE TRANSPARANT;
opacity : 0.1;
filter : alpha(opacity=10);
}

:question:

eden-games
eden-games
Niveau 10
01 novembre 2007 à 21:02:13

je vois pas trop comment ne pas utiliser le z index...

deepblue
deepblue
Niveau 16
01 novembre 2007 à 21:47:46

http://geneweb.fr/test/trans.html

eden-games
eden-games
Niveau 10
01 novembre 2007 à 23:28:58

merci deepblue ! j´ai compris comment faire :)

eden-games
eden-games
Niveau 10
01 novembre 2007 à 23:29:34

c´est pas mal comme effet pour présenter des gros titres pour un site tu trouves pas ?

mienda_95
mienda_95
Niveau 10
02 novembre 2007 à 12:00:43

J´aime bien moi aussi :bave:

geforce7up
geforce7up
Niveau 8
03 novembre 2007 à 00:07:38

hep la :( j´ai compris le fonctionnement du truc, mais la, le texte qui est sur le fond transparent est transparent aussi avec ton exemple, comment faire pour qu´il ne le soit pas ?

Une ptite chose aussi : je veut utiliser ce système pour présenter mes différents designs pour mon portfolio, sa va etre difficile de créer une id dans les CSS pour chaque design...

tiens jette un oeil :
http://www.alanscreations.com/

geforce7up
geforce7up
Niveau 8
03 novembre 2007 à 00:08:11

ah oui, j´ai oublié que ceci est le deuxième pseudo de eden-games (donc je suis bien le meme gars de l´autre jour :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