2010-06-25 20 views
6

Sitepoint reference कहतेसीएसएस ज़ूम संपत्ति

विंडोज संस्करणों 5.5 और समर्थन ऊपर जो एक तत्व की आवर्धन पैमाने सेट अमानक संपत्ति ज़ूम, के लिए Internet Explorer। इस संपत्ति (अभी तक) के बराबर कोई CSS3 नहीं है।

मैं मानक ब्राउज़र में इस ज़ूम प्रभाव को कैसे प्राप्त कर सकता हूं? कोई भी jQuery प्लगइन्स उपलब्ध है?

उत्तर

14

CSS3 समतुल्य CSS 2D Transforms मॉड्यूल में है, विशेष रूप से transform: scale() में।

क्योंकि इस मॉड्यूल कार्यकारी ड्राफ्ट चरण में अब भी है, तो आप ब्राउज़र-विशिष्ट उपसर्गों की आवश्यकता होगी:

transform: scale(2); 
-moz-transform: scale(2); 
-webkit-transform: scale(2); 
-o-transform: scale(2); 

आप भी इसे उसी तरह के रूप में व्यवहार करने के लिए transform-origin (और ब्राउज़र-विशिष्ट संस्करण) की आवश्यकता हो सकती zoom, और आपको केवल आईई पर zoom को लक्षित करने के लिए सावधान रहना होगा, क्योंकि वेबकिट transformऔरzoom दोनों का समर्थन करता है, इसलिए यह डबल-स्केल होगा।

+0

आईई 9 की आवश्यकता होती है -एम-ट्रांसफॉर्म संपत्ति का नाम। – Kozuch

3

स्केल ट्रांसफॉर्मेशन के उत्तर को पूरा करने के लिए: आप आईई को भी संबोधित क्यों नहीं करते? एक विशिष्ट -ms-zoom संपत्ति है, जो केवल आईई में काम करेगी: http://msdn.microsoft.com/en-us/library/ie/ms531189(v=vs.85).aspx

संबंधित मुद्दे