• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak ustawić alt atribute do zdjęcia w stylach css, lub w divie bez ścieżki do zdjęcia?

Object Storage Arubacloud
+1 głos
353 wizyt
pytanie zadane 14 grudnia 2021 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)
<div class="fixed-bg"style="z-index:2;height:5rem;"></div>
              <div style="z-index:3;height:auto;">
                <div class="container">
                  <div class="item1">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consequatur vitae in nam libero nobis possimus minus! Temporibus quidem enim aspernatur recusandae ratione atque, alias accusamus laudantium eos nemo, fugit a?
                  </div>
                </div>
                <section id="btnSeeMore"class="section">
                  <div class="container">
                    <div class="text-center">
                      <a href="#">
                        <button class="custom-btn btn-11">Zapraszamy
                        </button>
                      </a>
                    </div>
                  </div>
                </section>
          </section>
section#shop{


.fixed-bg {
    min-height: 250px;
    background-image: url("../../../public/images/strona.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    }
}

I w takiej sytuacji, background-attachment przestaje działać, wszystko mi się rozjężdża gdy to zmienie i wstawie w kod html img, a gdy jest tak jak teraz działa ok, ale nie mogę wstawić alternative text dla zdjęcia? Da się to jakoś ustawić w stylach?

2 odpowiedzi

0 głosów
odpowiedź 14 grudnia 2021 przez Wiciorny Ekspert (271,510 p.)
wybrane 14 grudnia 2021 przez Grzegorz Mikina
 
Najlepsza

nie możesz umieścić sekcji w sekcji tak przy okazji 

section#shop{
 
 
.fixed-bg {
    min-height: 250px;
    background-image: url("../../../public/images/strona.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    }
}

jest błędnie 

section#shop .fixed-bg {
    min-height: 250px;
    background-image: url("../../../public/images/strona.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    }

https://css-tricks.com/some-things-about-alt-text/

https://stackoverflow.com/questions/42176456/can-an-alt-attribute-be-set-using-css
Alt jest elementem znaczników HTML, nie możesz go ustawić z poziomu css- arkusze służą do stylizacji a nie dodawania znaczników 
jedynie jest możliwość skorzystania z JavaScrirpt i z tego poziomu ustawić taki atrybut 

przykład : 

document.getElementByTagName('img').alt = "Wpisz tutaj ustaw coś";

 

0 głosów
odpowiedź 17 grudnia 2021 przez VBService Ekspert (254,490 p.)

Możesz użyć też, np. role="img" and aria-label.

Alternate text for background images

Podobne pytania

0 głosów
1 odpowiedź 369 wizyt
0 głosów
2 odpowiedzi 162 wizyt
+1 głos
2 odpowiedzi 360 wizyt
pytanie zadane 28 kwietnia 2016 w HTML i CSS przez niezalogowany

92,657 zapytań

141,550 odpowiedzi

319,988 komentarzy

62,026 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

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!

Akademia Sekuraka

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!

...