एफएफ और में this demo पर एक नजर डालें क्रोम, तो निकालें:क्रोम स्थिति: तय की और transformZ बग
-webkit-transform:translateZ(0px);
Fom सीएसएस, और क्रोम में फिर से लग रहे हो।
यह भी min-width:100% साथ क्रोम शरीर कंटेनर में आता है, सामग्री (हमेशा नहीं) काटने।
मुझे क्रोम में अजीब अजीब काले बक्से को रोकने के लिए -webkit-transform:translateZ(0px); की आवश्यकता है ताकि ट्रांसफॉर्मएक्स + वाई का उपयोग एक ही समय में बहुत अधिक तत्वों के लिए किया जा सके।
मैं भी इस मुद्दे का सामना किया। समस्या गूगल के नक्शे है कि सभी पर बलों GPU संयोजन यह -webkit-transform: translateZ(0);
के माध्यम से मानचित्रण डोम तत्वों है इस समस्या को हल करने के लिए, आप प्रत्येक तय तत्व
को-webkit-transform: translateZ(0); जोड़कर अपनी सभी
तय तैनात तत्वों पर GPU संयोजन के लिए मजबूर कर सकते हैं
jsfiddle डेमो: http://jsfiddle.net/plapier/QA7tK/
मुझे एक निश्चित पैरेंट कंटेनर के अंदर एक Google मानचित्र के साथ एक ही समस्या है। Google मानचित्र translateZ प्रॉपर्टी का उपयोग करता है।
मेरा मानना है कि यह इस बग, जो बीटा में ठीक किया गया प्रतीत होता है से संबंधित हो सकता बनाता है: http://code.google.com/p/chromium/issues/detail?id=146894
देखा, iframes में ऐसी बग के बारे में कुछ, मेरे लिए समाधान खोजने के दौरान देखा। – Rantiev
यदि आपके पास transformZ() के साथ एक कंटेनर है तो काम नहीं करता है; जहां उसके बच्चे की स्थिति है: निश्चित; – kernel