Placer une div image en absolute responsive

Bonsoir,

Je cherche à placer une image logo qui serait "responsivement" toujours au meme endroit et à proportion gardée...
en z-index au dessus d'une div ...
mais je dois mal m'y prendre...
Avez vous une soluce?

merci!!!!!!!!!:ccool:

Bonjour,

Vous vous y prenez effectivement mal...

Commencez par poster votre code. ;)

Code:

---

1 2 3 4 5 6 7 8

<div class="slide" id="slide1" data-slide="1"> <div class="container clearfix"> <div id="content" class="grid_12header"> <?php echo do_shortcode("[metaslider id=64]"); ?> </div> <div class="logo_absolute"><img src="<?php echo get_bloginfo('template_url') ?>/images/2014.png"/></div> </div> </div>

---

CSS du logo à mettre...

Code:

---

1 2 3 4 5 6 7 8

.logo_absolute{   width: 300px; position:absolute; margin-top: 5%; margin-left: 34%; z-index: 100; }

---

autant pour moi et merci de votre réponse

Pour les images : Les fondamentaux du Responsive Web Design.

Une façon de traiter la question :

Code:

---

1 2 3 4 5

img{ max-width: 100% ; height: auto ; box-sizing: border-box; /* optionnel */ }

---