Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

As listras do Background-image não aparecem...

Ainda não consegui perceber porque as listras não aparecem, vi que em outro comentário do forum pediram para deixar as linhas maiores, assim o fiz, mas não mudou nada ainda. Podem me ajudar?

.trabalhos {
    background-color: #3C1D3D;
    border-top: 0.63rem solid #000;
    /*já estava*/
    border-bottom: 0.63rem solid #000;
    /*já estava*/
    background-image: linear-gradient(135deg, transparent, transparent 40px, rgba(0, 0, 0, 0.1) 40px, rgba(255, 255, 255, 0.1) 42px), transparent 42px, transparent);
    background-size: 20px 20px;
    background-attachment: fixed;
    background-color: #3C1D3D;
    position: relative;
    top: 12.5rem;
    height: 26.13rem;
    padding: 1.88rem;
    width: 100%;
}





.blog { background-color: #999; /já estava/ background-image: linear-gradient(45deg, transparent, transparent 14px, rgba(255, 255, 255, 0.1) 14px, rgba (255, 255, 255, 0.1) 15px, transparent 15px, transparent); background-size: 50px 50px; background-attachment: fixed; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0.0.0); color: #FFF; /já estava/ border-bottom: 0.63rem solid #851944; /já estava/ position: relative; top: 12.5rem; height: 22rem; padding: 1.88rem; padding-bottom: 3.94rem; width: 100%; } ` também vi algo sobre um bug no cromo, então segui as orientações dadas e memos assim, nada mudou.

1 resposta
solução!

Oi Jessica tudo bem?

Tem um parênteses a mais do lado do 42px que precisa ser tirado mas mesmo assim o seu código não funciona por questões de lógica e não de erro de digitação. As listras não estavam se formando desse jeito que programou, esse é um código bem sensível e para tudo funcionar tem que estar bem encaixadinho matematicamente falando senão não funciona como esperado e muitas vezes não aparece nada.

Use esse:


.trabalhos {
    background-color: #3C1D3D;
    border-top: .5em solid #000;
    border-bottom: .5em solid #000;
    background-image: linear-gradient(135deg, transparent, transparent 14px, rgba(0,0,0,.1) 14px, rgba(0,0,0,.1) 15px, transparent 15px, transparent);
    background-size: 20px 20px;
    background-attachment: fixed;
}

Espero ter ajudado!!!