Good morning, comrades. I come with the following question.
I have a media query to put a wallpaper on my master, located in the body .
body {
background : url('../../escritorio.png');
background-size : cover !important;
background-repeat : no-repeat !important;
background-position : center center !important;
background-attachment : fixed !important;
background-color: #464646;
}
@media only screen and (max-width:768px) {
body {
background : url('../../movil.png');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
In desktop issues everything is perfect but when using Safari mobile or even Chrome mobile itself. In Safari the image appears to me out of date, as if I was using the image for browsers while in Chrome it doesn't even show me the image.
As an extra fact, I already have included the meta tag in my master.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
PS In the only browser that works for me is in IE of Win 10 mobile.
PD2 Attached images of how it is seen in IE of Win 10 mobile and how it is seen in chrome mobile of android