Cześć,
Mam pewien problem dotyczący przełaczania widoczności za pomocą
&:target {
display: block;
}
&:not(:target) {
display: none;
}
takiej konstrukcji + menu z anchorami.Strona jest pod adresem jak niżej, kod jest pod adresem jak jeszcze niżej.
https://kiszuriwalilibori.github.io/TestZ
https://github.com/Kiszuriwalilibori/TestZ
Strona zawiera dwie sekcje z ID #Introduction oraz #aboutme.Problem natomiast polega na tym, że w pewnych sytuacjach widzę obie sekcje (przynajamniej częsciowo). Korzystam z FF. Najprostszy sposób na odtworzenie problemu
- Otworzyć stronę na laptopie w FF
- Kliknąć najbardziej lewy guzik (o mnie)
- Wybrać inne urządzenie-coś o małym ekranie.
- Kliknąc czerwony guzik na dole. Powinien przenieść do Introduction, poniżej kod tego trójkąta
<a href="#Introduction">
<span class="triangle__more"> <img src="./assets/up-arrow.svg" alt="arrow up"></span>
</a>
Tymczasem dostaję pomieszane obie sekcje. W podglądzie w obu mam aktywne
.section:target {
display: block;
I nie ogarniam dlaczego. Zdaje się, że tak jest w FF ale nie w Chrome, ale jeszcze za krótko to przebadałem.