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

Question

<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?

Answer 1

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ś";

 

Answer 2

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

Alternate text for background images