MediQueries, remplacer une image

**rpj928** · 28/06/2015, 11h24

Bonjour à tous et à toutes.
Dans mes media queries je voudrais remplacer une images par une autre.
Mais ça ne marche pas (firefox 38 linux), voici ce que j'ai fait :
html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<body class="body">		
		<header class="mainHeader">	     		
			<img class="banner" src="images/banmaison.jpg" alt="1"/>

css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
@media all and (max-device-width: 564px)
.banner { 
    content: url("images/mobMaison.jpg");   
    width: 100%;
}

Dans l'inspecteur de FF la nouvelle image est reconnue sans erreur mais n'est pas affiché.
J'en appel à vos connaissances pour m'aider.
Merci d'avance
JP

**Muchos** · 29/06/2015, 01h35

Vous ne pouvez pas modifier votre HTML avec CSS (il faudrait passer par du JS par ex).

Ce que vous pouvez faire, c'est intégrer vos bannières en CSS avec background.

**rpj928** · 29/06/2015, 09h13

Ok, je vais voir ça.
Merci à +

MediQueries, remplacer une image

CSS

Vue hybride

Discussions similaires

Partager

Partager