Pasek CSS przez całą stronę

0

Hej

Chciałbym zrobić pasek przez całą stronę (od góry do dołu) pod contentem w jaki sposób mogę uzyskać taki efekt?

1

Najlepiej umieść pasek przez całą stronę (od góry do dołu) pod contentem ;)

A tak serio - napisz coś więcej.
Czy ten pasek ma być nieruchomy, czy się przewijać razem ze stroną?
Czym ten pasek ma być - jakaś linia/obrazek/gradient?

Daj może przykładowy kod, bo na razie poza życzeniem to niczego nie widzimy.

Rzuć okiem na te linki - może któryś z nich jest tym, czego szukasz albo okaże się inspiracją do znalezienia rozwiązania. A jak nie to prośba - opisz lepiej swój problem.

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment
https://css-tricks.com/almanac/properties/b/background-attachment/
https://www.w3schools.com/howto/howto_css_bg_gradient_scroll.asp
https://codepen.io/MadeByMike/pen/eKPZZz
https://stackoverflow.com/questions/2662039/keep-background-image-fixed-during-scroll-using-css
https://www.w3.org/TR/CSS21/colors.html#background-properties

0

dodam:

CSS sam w sobie jest niewidzialny i "nieskuteczny"
Służy do stylizowania obiektów siedzących w HTML

to takie absolutne mimum teorii

2

Narysuj pasek -> ustaw jako tło (powtarzające się lub rozciągnięte) -> fajrant

2

Napisałeś to tak, że w ogóle nie domyśliłam się, że chodzi o tło. Gdyby nie @cerrato, dalej myślałabym, że pytasz jak wypozycjonować w ten sposób jakiegoś DIV-a czy coś.

2
<style>
  .with-pasek {
    position: relative;
  }
  .with-pasek:before {
    content: '';
    display: block;
    position: absolute;
    height: 100vh;
    top: 0;
    left: 100px;
    width: 50px;
    background-color: red;
    z-index: -1;
  }
</style>

<div class="with-pasek">
  Some text lorem ipsum ...
</div>
0

Może jakiś przykład oczekującego efektu narysowany w paincie, lub cokolwiek?

1 użytkowników online, w tym zalogowanych: 0, gości: 1