Nakładanie diva na zdjęcie

Question

Otóż chcę zrobić koło(diva), który jest nałożony  na zdjęciu. Nie wiem jak to zrobić i proszę o pomoc.

Answer 1

Co chcesz zrobić? Najlepiej jeśli podasz link do przykładu lub narysujesz go w jakimś programie graficznym. 

Jeśli chcesz mieć okrągłe zdjęcie, to możesz na przykład użyć border-radius

Comments

Czerwony kolor to zdjęcie a białe koło to div.

---

I co ma robić to kółeczko? Jeśli to czysto wizualny efekt (nie chcesz na przykład by dało się je kliknąć) to zrobiłbym coś takiego:

Elementowi zawierającemu zdjęcie nadaj position: relative; nadaj mu również:

.element-ze-zdjeciem::before{
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border-radius: 2rem;
  bottom: 2rem;
  right: 2rem;
}

Możesz również zrobić to za pomocą Ikony svg lub elementu który będzie istniał w HTML jak pusty "div" + pozycja absolutna  na zdjęciu (ale wtedy tworzysz pusty element - co jest średnio dobre). 

Answer 2

Witam

https://codepen.io/hello-michal/pen/GebEXR - z tego co zrozumiałem to tak ma to wyglądać - w razie niejasności pisz

Pozdrawiam

Comments

Coś takiego  tylko tło to zdjęcie

---

Tutaj tło to zdjęcie tylko umieszczone za pomocą background-image