मेरे पास आकार 147x88 का डीआईवी है और इसके अंदर एक छवि है जिसमें एक ही चौड़ाई है, लेकिन ऊंचाई में बड़ी हो सकती है। इस मामले में, छवि डीआईवी की सीमा से परे चला जाता है। क्या छवि को क्लिप करने के लिए वैसे भी है, ध्यान में रखते हुए कि मैं चाहता हूं कि मेरा पृष्ठ पुराने ब्राउज़र में काम करे जो CSS3 (IE7 और IE8) का समर्थन नहीं करता है?डीवी की आंतरिक सामग्री को बंद करना
बस div के अतिप्रवाह को छुपाएं, और युक्त छवि div के आयामों तक फसल हो जाएगी।
div{width: 147px; height: 88px; overflow: hidden;}
div { width: 147px; height: 88px; overflow: hidden; }
यह question दिखाता है कि कैसे JQuery का उपयोग कर छवि का आकार पाने के लिए। आपके पास एक छोटा ब्लॉक हो सकता है जो पृष्ठ लोड करते समय छवि के आकार की जांच करता है, और उसके अनुसार डीआईवी का आकार निर्धारित करता है। div पर
सेट overflow:hidden;:
#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}
'अतिप्रवाह: hidden' स्थैतिक सामग्री के लिए काम करता है। हालांकि, अगर आप div के अंदर सामग्री को एनिमेट कर रहे हैं तो क्या होगा? अतिप्रवाह एनिमेटिंग करते समय रद्द हो जाता है और फिर एनीमेशन पूरा होने पर वापस आता है। कोई कामकाज? – Pyroglyph