CSS właściwość tła background-image nie działa po dodaniu no-repeat.

pytanie zadane 25 kwietnia 2017 w HTML i CSS przez Milesq Nałogowiec (32,020 p.)
edycja 25 kwietnia 2017 przez ScriptyChris

CSS

body
{
    margin: 0px !important;
    background-color: #3d5;
    font-size: 5vh;
    color: darkblue;
}

.animacja
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    width: 100vw;
    background-image: url(kostka.png)no-repeat,
        url(kostka.png)no-repeat,
        url(kostka.png)no-repeat,
        url(kostka.png)no-repeat,
        url(kostka.png)no-repeat;
    
    background-position: left 0px top 0px,
        left 0px top 0px,
        left 0px top 0px,
        left 0px top 0px,
        left 0px top 0px;
}

HTML

<!DOCTYPE HTML>
<html lang="pl">
<head>
<META charset="utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
    <title>Strona animacji</title>
</head>
<body>
    <div class="animacja">
    animacja
    
    
        </div>
</body>
</html>

myślę że może mieć to związek z rozdzielczością obrazka, miałem tak na innych stronach.

OBRAZEK

https://drive.google.com/open?id=0BzLSKqo86wOMNjB2WkdrNWh2N1E

1	komentarz 25 kwietnia 2017 przez ScriptyChris Mędrzec (190,190 p.) Zamiast background-image zapisz po prostu background. Wtedy no-repeat zadziała. https://css-tricks.com/almanac/properties/b/background/

2 odpowiedzi

odpowiedź 25 kwietnia 2017 przez rafal.budzis Szeryf (85,260 p.)
wybrane 25 kwietnia 2017 przez Milesq

Najlepsza

background-image nie posiada właściwości no-repeat

musisz zrobić

background-repeat:no-repeat;

lub zamienić background-image na background.

komentarz 25 lipca 2019 przez Zanna Nowicjusz (120 p.)

Cześć,

W moim przypadku też nie zadziałało, z background-repeat:no-repeat; też nie działa mój kod na codpen.

pozdrawiam

Żanna

komentarz 25 lipca 2019 przez rafal.budzis Szeryf (85,260 p.)

@Zanna w codepen który podałaś wszystko działa. Może źle spojrzałaś bo obrazek jest dość specyficzny i może wprowadzać w błąd.

1	komentarz 17 września 2019 przez Zanna Nowicjusz (120 p.) spoko zmieniałam to potem, sory że tak późno odpowiadam nie zaglądałam tu od jakiegoś czasu. pozdrawiam