28112 sujets

CSS et mise en forme, CSS3

[Résolu] background-image overlay

Bonjour à tous,

D'après l'image ci-dessous. Savez-vous comment je peux affiché l'image représenté par un rectangle rouge tout en conservant la flexibilité de ma mise en forme ?

upload/60168-alsahelp.png


PS: Merci à AlsaCréation de mettre à disposition un forum. Je trouve que l'équipe fait du super bon boulot. Bravo Smiley prie


Pardon, je vais ajouter du code ...

<html>
<head>
.wrapper { max-width:400px; margin:0 auto;}
header {background:transparent url(bg.gif) repeat-x;}
.le_probleme {background: transparent url(floue.jpg) no-repeat;}
</head>
<body>
  <header>
    <div class="wrapper">
        <div class="le_probleme">
            <img src="logo.gif" />
        </div>
    </div>
  </header>

  <div class="wrapper">
    content...
  </div>

</body>
</html>

Vous l'aurez peut être compris, dans ce code, le flou.jpg ne s'affiche pas dans sa totalité.
Modifié par Safina (13 Oct 2015 - 14:54)
J'ai trouvé une solution...

Je fusionne l'image floue.jpg avec logo.gif pour créer une nouvelle image logo.png.

Mon code CSS :
.le_probleme {background: transparent url(floue.jpg) no-repeat;}

devient :
.le_probleme {}
.le_probleme img {position: relative; left:-10px;}


Je procède de la même façon si je veux ajouter un menu
upload/60168-alsasolve.png
Sujet clos
Aller à