# iPhone não mostra área de imagem corretamente no site. Por quê?

**URL:** <https://meta.discourse.org/t/iphone-not-properly-showing-image-area-on-site-why/301963>\
**Category:** Development\
**Tags:** css\
**Created:** [Abril 1, 2024, 10:50pm UTC](https://meta.discourse.org/t/iphone-not-properly-showing-image-area-on-site-why/301963 "2024-04-01T22:50:59Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [Abril 2, 2024, 4:02am UTC](https://meta.discourse.org/t/iphone-not-properly-showing-image-area-on-site-why/301963/4 "2024-04-02T04:02:39Z")

</div>

Olá 👋

Não testei, mas parece que a causa é `background-attachment: fixed;`

> **[CSS background-attachment | Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/background-attachment)**
>
> "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

O código que você compartilhou acima tem:

```scss
.title-container {
  background: no-repeat center/cover fixed;
}

```

O que significa:

```scss
.title-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; // isso causa o problema
}

```

O `background-attachment: fixed;` é necessário neste caso?

Quero dizer, acho que ele cria um tipo de efeito parallax. Mas esta não é a melhor solução para isso… pois não é muito suportado e talvez não seja necessário para o seu caso de uso.

---

_[View the full topic](https://meta.discourse.org/t/iphone-not-properly-showing-image-area-on-site-why/301963)._