Logowanie

Grandiet css oraz obrazki

pytanie zadane 4 czerwca 2020 w HTML i CSS przez PanPrezes Obywatel (1,520 p.)

Chciałem zrobić obrazek który jest pod grandietem oraz jakiś przycisk oraz coś napisane na tym grandiecie ale nie wiem jak to zrobić ponieważ ten obrazek po dodaniu nie chce wejść pod grandiet obrazek:

1 odpowiedź

odpowiedź 1 lipca 2020 przez Aqua 4 Gaduła (3,220 p.)
wybrane 3 lipca 2020 przez PanPrezes

Najlepsza

Możesz użyć kombinacji z-index i background-image. Musisz użyć background lub backgorund-image, bo obrazek nie wejdzie pod gradient, których przecież jest tylko tłem. Oto przykładowy kod:

<!DOCTYPE html>
<html>
<head>
    
    <style>
        .img { background: url('https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg'); height: 220px; width: 330px; z-index: -1;}
        .gradient { 
            background: linear-gradient(137deg, rgba(95,181,221,1) 0%, rgba(228,125,226,1) 40%, rgba(228,79,128,1) 65%, rgba(255,84,19,1) 100%);
            color: #fff;
            margin-top: -8em;
        }
    </style>
    
</head>
<body>
    
    <div class="img"></div>
    <div class="gradient">
        <h1>Tu może być twój przycisk lub coś.</h1>
    </div>
    
</body>
</html>

komentarz 1 lipca 2020 przez Aqua 4 Gaduła (3,220 p.)

Odznaczysz jako najlepsza, jak pomogło?

Podobne pytania

0 głosów

1 odpowiedź 144 wizyt

Jak zaimplementować obrazki tak, aby zachować jakość na różnych ekranach oraz krótki czas pierwszego ładowania strony?

pytanie zadane 9 lutego 2020 w HTML i CSS przez Artek Stary wyjadacz (11,800 p.)

0 głosów

1 odpowiedź 165 wizyt

Obrazki tworzone w CSS?

pytanie zadane 23 listopada 2016 w HTML i CSS przez Tom_Ja Dyskutant (7,970 p.)

0 głosów

2 odpowiedzi 191 wizyt

Free to use background, tła do stron, obrazki etc

pytanie zadane 1 sierpnia 2020 w HTML i CSS przez Kacperhehe Bywalec (2,930 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Grandiet css oraz obrazki

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci