I have a problem. When I use any other attachment the image gets normal:
But when I use fixed to follow the scroll, it zooms absurdly:
CSS:
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');
/* CSS Document */
body {
background-color: #eeeeee;
margin: 0; }
.background
{
overflow: hidden;
background: url(../images/fundo.png);
background-position: top center;
min-height:355px;
background-repeat: no-repeat;
color: #000000;
background-attachment: fixed;
background-size: cover;
}
.background .links ul {
padding:0;
list-style: none;
}
.background .links ul li {
float: right;
display: inline-block;
margin:0 20px 0 0;
}
.background .links ul li a {
display: block;
text-decoration:none;
padding-bottom: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color:#ffffff;
}
.background .links ul li a:hover {
color: #b0fafd;
}