Ir ao conteúdo
  • Cadastre-se

CAchOriN SupEr DoTADo

Membro Júnior
 Perfil  Explorar Conteúdo

  • Posts

    2

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

posts postados por CAchOriN SupEr DoTADo

    Background Não aparece quando colocado pelo css

    em Web e banco de dados

    Postado

    Olá, estou com um problema em meu css. Quando eu coloco um background direto pelo html o mesmo aparece, porém quando coloco o mesmo arquivo (background) ele não aparece, qual o erro? a minha imagem está em svg será que tem algum problema?
    meu HTML: 

    <!DOCTYPE html>

<html lang="pt_br">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>page-index</title>

    <link rel="preconnect" href="https://fonts.gstatic.com">

    <link href="https://fonts.googleapis.com/css2?family=Nerko+One&family=Roboto:wght@300;700&display=swap" rel="stylesheet">

    <link href="./css/main.css" rel="stylesheet">

</head>

<body>

    <div id="page-index">

        <header>

            <div class="title">           

                <H3>Título</H3>    

            </div>     

        </header>

       

       <main>

            <div class="content">

                <h2> Texto informativo</h2>

               <a href="#"> HOME </a>      

            </div>

        </main>

    </div>

</body>

</html>

     

    Meu css:

    ---------------------------------------------------------------------------------------

     Parte do background 

    #page-index {

    background: url(../img/background.svg) no-repeat fixed;

    width: 100vh;

    background-position: 35vw;

    margin: 0 auto;

}

    -------------------------------------------------------------------------------------- 

    #page-index header .title {

    font-family: 'Roboto', sans-serif;

    display: flex;

    margin-left: 50%;

    margin-top: 26%;

}
    #page-index main .content {

    font-family: 'Nerko One', cursive;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-right: 35%;

    margin-top: 15%;

    margin-left: 25%;

}

     

    desde já agradeço!

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...