2012-03-07 22 views
12

Mam problem z właściwością widoczności tylnej ściany. Działa tak, jak chcę w Safari/Chrome, ale z jakiegoś powodu nie działa poprawnie w Firefoksie.Widoczność strony w tle nie działa poprawnie w przeglądarce Firefox (działa w Safari)

Gdy pole koziołki, mam lustrzane odbicie czołowej:

Link do strony: http://www.ericouture.com/

+0

Mam dokładnie ten sam problem w przeglądarce Firefox 10.0.2! Wygląda na to, że właściwość odnosi się tylko do przedniej ściany, ale gdy odwraca się o 180 stopni, tylna ściana nie ma już właściwości nałożonej na nią. Ktoś ma na to rozwiązanie ?! – Mark

Odpowiedz

18

Spróbuj umieścić „tylna strona-visibility: hidden” zarówno na obiekcie i jego kontenera. To właśnie zadziałało dla mnie z tym błędem:

+1

Ten problem został naprawiony w firefox aż do wersji v30. Najnowsza wersja v31 powoduje pojawianie się tego samego problemu. Podane rozwiązanie również działało dla mnie. Dzięki. – Ninz

+0

Niestety dodanie "backface-visiblity: hidden" na kontenerze sprawia, że ​​plecy nie reagują w Chrome. –

+0

Mam ten sam problem z iPhone 6, Safari. W większości przypadków nie widzę żadnego powodu, aby nie stosować "widoczności z boku: ukryte" do ciała, do kaskadowania do wszystkich elementów (poza tym, gdzie jest to potrzebne). – Sablefoste

19

Ten błąd został acknowledged by Mozilla.

Rozwiązaniem jest dodanie transform: rotateX(0deg) do przednich i tylnych obiektów.

Dodanie do kontenera, zgodnie z sugestią @yalia, powoduje, że z powrotem nie reaguje w Chrome, dlatego należy unikać tej poprawki.

Oto fiddle z poprawką.

+0

Użyj 'transform: rotateX (0deg)' napraw ten sam błąd jaki miałem na Safari – mems

+0

miła transformacja: rotateX (0deg) pracował jak czar <3 –

+0

Miałem inne zachowanie. Dodanie transformacji: rotateX (0deg) na obie twarze ukryte z tyłu, ale dodanie jej tylko do przodu działało dobrze dla mnie. – AyexeM

Powiązane problemy