Como exibir uma imagem somente para telas grandes (desktops), excluind

[admfabiomachado 0]

Caros,

No código CSS tenho o seguinte:

#header-text-nav-container {

background-color: #FAFAFA;

background-image:url(../../../fundotopo2017.fw.png);

background-repeat: no-repeat;

background-position: top center;

}

mas gostaria que o "background-image:url(../../../fundotopo2017.fw.png);" fosse exibido apenas em telas grandes e não mostrado em telas pequenas como em celulares. é possível fazer isso alterando algo nesse código CSS?

Abraços!

[Éverson da Luz 6]

É possível sim, utilize as regras de @media, junto com um tamanho de tela minima

@media all and (min-width: 1200px) {
    #header-text-nav-container {
        background-image:url(../../../fundotopo2017.fw.png);
    }
}

Deixa suas regras anteriormente, mas remova dela o background, assim somente quando chegar no tamanho desejado irá colocar esse seu background