Takich "ozdobników" jak na zdjęciu powyżej mam kilka w projekcie. Jak sobie z nimi poradzić?
Umieszczanie ich za pomocą img stworzy nam dużą ilość requestów.
Dlatego chcę to zrobić za pomocą pustych divów, którym nadam odpowiednią wielkość i background-color a następnie za pomocą position umieszczę w odpowiednim miejscu.
Jeżeli macie jakieś inne i lepsze pomysły to dajcie znać.
0
1
<div style='position:absolute;background:#fff;opacity:0.5;width:12px;height:99px;display:block;right:120px;top:0px;'></div>
1
Jeśli to ma tylko kolor, to wystarczy div.
Albo, żeby nie śmiecić w kodzie:
- pseudoelementy before/after.
- inlinowy bacgroudn image w CSS, coś w stylu:
https://css-tricks.com/data-uris/