2013-03-12 9 views
5

Ben 3d rotasyon yaparken kırpma ile ilginç sorun yaşıyorum Safari'de dönüşümü. I kullanarak bir döner elemanın am:Klips Sayı sadece

-webkit-dönüşümü: rotate3d (0, 1, 1, 180 derece); o Chrome, Firefox içinde iyi görünüyor animasyon ve Safari hariç başka bir tarayıcı sırasında

.

pencere Ben bu unsurlara uygun z endeksini atamış olarak z dizini sorun olmamalıdır it.This arkasında elemanları aracılığıyla kırpma edilir.

herkes bu Safari'de yeni ortaya sebep olabileceğini biliyor musunuz?

Bu budur animasyon sırasında Safari'de benziyor:

safari

Ve düzgün teşekkür

Chrome chrome yılında animasyonlu!

+0

Bir kemanda çoğaltabilir/daha fazla kod gösterebilir misiniz? Sorunu yaşadığınıza inanıyorum, ancak başkalarının bir küme içinde hata ayıklamasına izin vermek diğer sorunları ayıklamaya yardımcı olabilir. Daha önce de benzer sorunlar yaşadım ve garip sesler duyduğumu biliyorum, ancak çelişen elemanlar üzerinde bir 3d transformasyon eklemeyi deneyin, ancak 0,0,0 ile sadece renderlemeye zorlayın ve bunun işe yarayıp yaramayacağını görün. – Leeish

+0

Herhangi bir ilerleme var mı? Soru şu anda çok uzun süredir açılıyor. – actimel

cevap

1

O kullandığınız safari sürümünde bu olabilir, Z endeksi de

+0

Cidden? 3D dönüşümleri destekleyen ancak z-endeksi gibi temel şeyler olmayan bazı tarayıcıları biliyor musunuz? 3B uzaydaki 3B ve nesnelerin kesişiminden kaynaklanıyor, ancak bazı tarayıcıların neden bunu yaptığını ve bazılarının neden yapılmadığını bilmiyorum. Diğer bazı öğelerin ardında parçayı kesmek mantıklı bir şeydir, ancak çoğu zaman bunu istemezsiniz. Ben de şu an bununla mücadele ediyorum. – actimel

1

döndürülmüş modal transform-style: flat ve yeni perspective kabını ayarlamayı deneyin Check can I use.com desteklenmez. 3D render bağlamını değiştirmelisiniz.

Bu cevap https://stackoverflow.com/a/18167565/1663572 ilişkilidir - ama dramatik görünümünü değiştirir gibi muhtemelen Z ekseni üzerinde konumunu değiştirmek istemiyoruz. Ben de kullanamadım.