Why My Website Display Only One Image On IPad?

I have problems with my website. There is displayed only one (first) image on website even if futher images will be this same (I mean this same src, just like to first one). Websit

Solution 1:

The problem is with the background-attachment: fixed;. If you remove fixed the background images work.

Use media queries to change this property at the appropriate window sizes.

Solution 2:

Still didnt solve the problem. First image on iPad displays, but futher ones dont.

If u have iPad u can check at: website

I created tableb.css just for iPads:

<link media="only screen and (device-width: 768px)" href="css/tablet.css" type= "text/css"  />

CSS for img section in tablets:

#kafelobrazintro { 
background: url(../images/introtablet.jpg) 50% 0 no-repeat; 
height: 1000px;
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
overflow:hidden;
}

#kafelobraz1 { 
background: url(../images/logomzblue.jpg) 50% 0 no-repeat;  
height: 1000px;
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
overflow:hidden;
}

Solution 3:

Same problem was here with a little bit of difference. My div-s with background images were empty ( no text and no html content )

The solution here was adding: min-width: 1024; to these div-s.

( I tested your site with iPad Air and iPad 4th on http://www.browserstack.com/ and looks good )