Obracanie tła

Question

Witam,

Istnieje sposób na obrócenie tylko tła bez całego elementu?
Kiedy tło ma position: fixed przesuwa się po ukosie, podobnie jak cała sekcja.

http://jsbin.com/zubezobina/1/edit?html,css,output

 

Próbowałem zastosować https://www.sitepoint.com/css3-transform-background-image/

jednak dodatkowe pseudoklasy :before nakładają się na obecne, przez co nie widać ukośnych elementów.

Answer 1

Witam. Może zobacz to Transforming the Background Only

Comments

Próbowałem, ale :before nachodzi na ukośne elementy..

---

Nie bardzo wiem w czym problem :( Warstwy zmieniamy za pomocą właściwości  z-index oczywiście nie działa ta właściwości na elementy pozycjonowane statycznie.

---

http://jsbin.com/dutufujexi/edit?html,css,output

---

.se-slope:nth-child(odd):before

masz dwa razy z-idex raz + a raz - zostaw -1 i zmień

.se-slope:nth-child(odd):before 

na -45deg tekst na wierzchu a tło obrócone.

---

Ok, działa. Dzięki wielkie.

Jeszcze jedno- jest możliwość, aby podczas przewijania nie zostawał odstęp między tłem a granicą sekcji?

 

http://jsbin.com/pajinonoxa/edit?output

---

Witam w nowym roku :) Po co zakładasz nowy temat ?. jeszcze koledzy nie powstawali. Cierpliwości. A tak serio to znowu nie bardzo wiem o co Ci chodzi. Jaki odstęp ?

---

Po zjechaniu na dół powstaje przerwa (zaznaczona na obrazku na czerwono) między tłem a granicą sekcji.

---

Ja tego nie widzę

---

U mnie to występuje tylko na Chromie/Vivaldi. Na FF nie działa background-attachment (tło przewija się razem ze stroną). Na jakiej przeglądarce sprawdzałeś?

---

FF :(