Salut,
Sur mon dernier projet, j'utilise deux headers. Un en format paysage pour les résolutions de type bureau et l'autre qui est en portrait pour les petites résolutions
Je pensais placer une <figure> vide puis y insérer l'image grâce aux média queries mais ça ne marche pas sous IE.
Ça ne marche avec IE que si j'utilise le bloc d'avant plus ":after" mais là, je perds le coté responsive parce que l'image ne se redimensionne plus.
Du coup, je cherche toujours une solution. Je pense qu'il existe une solution en js ou php avec if et else du genre si la résolution est inférieur à 800px, affiches cette image. Sinon, affiches cette image mais je ne sais pas encore produire ce code.
Quelqu'un pour m'aider s'il vous plait? http://imalbum.aufeminin.com/album/D20070530/283587_ALHZWUIUSZR3FSY2R44I4B51U828L4_chat_botte_H190530_S.jpg
Sur mon dernier projet, j'utilise deux headers. Un en format paysage pour les résolutions de type bureau et l'autre qui est en portrait pour les petites résolutions
Je pensais placer une <figure> vide puis y insérer l'image grâce aux média queries mais ça ne marche pas sous IE.
<figure id="slogan"></figure>
#slogan {
content: url(image.png);
}
Ça ne marche avec IE que si j'utilise le bloc d'avant plus ":after" mais là, je perds le coté responsive parce que l'image ne se redimensionne plus.
Du coup, je cherche toujours une solution. Je pense qu'il existe une solution en js ou php avec if et else du genre si la résolution est inférieur à 800px, affiches cette image. Sinon, affiches cette image mais je ne sais pas encore produire ce code.
Quelqu'un pour m'aider s'il vous plait? http://imalbum.aufeminin.com/album/D20070530/283587_ALHZWUIUSZR3FSY2R44I4B51U828L4_chat_botte_H190530_S.jpg