Articles of सीएसएस

क्या मुझे छवियों को सीएसएस या एचटीएमएल में डेटा / बेस 64 में एम्बेड करना चाहिए?

सर्वर पर नंबर अनुरोधों को कम करने के लिए मैंने सीधे सीएसएस में BASE64 के रूप में कुछ छवियां (पीएनजी और एसवीजी) एम्बेड की हैं। (इसकी निर्माण प्रक्रिया में स्वचालित) इस तरह: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc…); क्या यह एक अच्छा अभ्यास है? क्या इस से बचने के कुछ कारण हैं? क्या कुछ प्रमुख ब्राउज़र है जिसमें […]

Jquery.animate के साथ सीएसएस रोटेशन क्रॉस ब्राउज़र ()

मैं एक क्रॉस-ब्राउज़र संगत रोटेशन (यानी 9 +) बनाने पर काम कर रहा हूं और मेरे पास एक जेएसएफडल में निम्न कोड है $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } सीएसएस और […]

-webkit-transform का उपयोग करते समय निर्धारित स्थिति काम नहीं करती

मैं एक div को घुमाने के लिए -webkit-transform (और -moz-transform / -o-transform) का उपयोग कर रहा हूँ इसके साथ ही स्थिति तय की गयी है ताकि उपयोगकर्ता के साथ डिवि स्केलिंग हो। फ़ायरफ़ॉक्स में यह ठीक काम करता है, लेकिन वेबकिट आधारित ब्राउज़रों में यह टूटा हुआ है। -webkit-transform का उपयोग करने के बाद, तय […]

गतिशील रूप से लोड हो रहा है सीएसएस स्टाइलशीट IE पर काम नहीं करता है

मैं गतिशील रूप से इस तरह सीएसएस स्टाइलशीट लोड (jQuery से थोड़ी मदद के साथ): var head = document.getElementsByTagName('head')[0]; $(document.createElement('link')) .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' }) .appendTo(head); यह फ़ायरफ़ॉक्स और Google क्रोम में ठीक काम करता है, लेकिन IE में नहीं । कोई मदद? धन्यवाद

सीएसएस के साथ ब्लॉक तत्वों के क्रम को बदलना

लघु कथा मान लें कि मेरा HTML पहले से ही पत्थर में सेट है: <div id="blockA">Block A</div> <div id="blockB">Block B</div> <div id="blockC">Block C</div> यह ऐसा दिखेगा: ———— | Block A | ———— | Block B | ———— | Block C | ———— अब मैं ब्लॉकों के ऑर्डर को बदलना चाहता हूं। मैं केवल सीएसएस के […]

क्या पृष्ठभूमि-आकार के बराबर है: कवर और छवि तत्वों के लिए होते हैं?

मेरे पास कई पन्नों और विभिन्न पृष्ठभूमि चित्रों वाला साइट है, और मैं उन्हें सीएसएस से प्रदर्शित करता हूं जैसे: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } हालांकि, मैं <img> तत्वों का उपयोग करके एक पृष्ठ पर अलग-अलग (फ़ुलस्क्रीन) चित्र दिखाना चाहता हूं, और मैं चाहता हूं कि उन्हें ऊपर […]

पाठ को आउटलाइन प्रभाव

क्या सीएसएस में किसी भी तरीके से अलग-अलग रंगों के साथ टेक्स्ट की रूपरेखाएँ दी जा सकती हैं? मैं अपने पाठ के कुछ हिस्सों को इसे और अधिक सहज बनाने के लिए उजागर करना चाहता हूं – जैसे नाम, लिंक आदि। लिंक रंग आदि बदलना आदि आम हैं, इसलिए मुझे कुछ नया करना चाहिए

एक div में एक loooooong शब्द में एक लाइन ब्रेक मजबूर करने के लिए कैसे?

ठीक है, यह वास्तव में मुझे भ्रमित करता है मेरे पास एक ऐसी डिवाइन के अंदर कुछ सामग्री है: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> हालांकि, सामग्री डीआईवी (अपेक्षित) से अधिक हो जाती है क्योंकि 'शब्द' बहुत लंबा है मैं ब्राउज़र को उस शब्द को 'ब्रेक' कैसे लागू कर सकता हूं जहां […]

: सक्रिय छद्म वर्ग मोबाइल सफारी में काम नहीं करता है

आईपैड / आईपैड / आइपॉड पर वेबकिट में, एक के लिए स्टाइलिंग को निर्दिष्ट करना: जब आप तत्व पर टैप करते हैं तो <a> टैग के लिए सक्रिय छद्म-क्लास ट्रिगर नहीं होता है मैं इसे कैसे ट्रिगर कर सकता हूं? उदाहरण कोड: <style> a:active { background-color: red; } </style> <!– snip –> <a href="#">Click me</a>

एएपी.नेट एमवीसी में एचटीएमएलएएक्शनलिंक को "सक्रिय" वर्ग कैसे जोड़ें

मैं MVC में अपने बूटस्ट्रैप नेवबार में एक "सक्रिय" वर्ग जोड़ने की कोशिश कर रहा हूं, लेकिन जब यह लिखा गया है, तो निम्नलिखित सक्रिय वर्ग नहीं दिखाएगा: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul> यह सही ढंग से स्वरूपित वर्ग की तरह दिखता है, लेकिन […]

दिलचस्प पोस्ट
मुझे सी # में "ब्लॉकों का उपयोग करने" का उपयोग कब करना चाहिए? तीर के साथ भाषण बबल कैसे गतिशील रूप से एक स्ट्रिंग के लिए स्मृति स्थान आवंटित करें और उस स्ट्रिंग को उपयोगकर्ता से मिलता है? Django-allauth का उपयोग करते समय उपयोगकर्ता प्रोफ़ाइल को कैसे अनुकूलित करें E.target और e.currentTarget में अंतर संपत्ति से प्रतिलिपि नहीं डेटाबेस फ़ाइल। सेपरेटर या फाइल। सेपेटर आप जावास्क्रिप्ट में 1 दशमलव स्थान पर कैसे गोल करते हैं? कैसे नेविगेशन मेनू के माध्यम से गतिशील एजेक्स-रीफ्रेश गतिशील सामग्री शामिल है? (जेएसएफ एसपीए) मैं Rails पर रूबी के साथ JSON को कैसे पार्स कर सकता हूं? TransactionTooLargeException पर क्या करना है सभी jquery घटनाओं $ (दस्तावेज़) के लिए बाध्य होना चाहिए? सी में टर्मिनल चौड़ाई हो रही है? लॉज 4नेट प्रोग्रामेटिक रूप से स्क्रैच से कॉन्फ़िगर कैसे करें (कोई भी कॉन्फ़िग नहीं) कोणीय 2: 404 त्रुटि तब होती है जब मैं ब्राउज़र के माध्यम से ताज़ा करता हूं