background-image पर टैग किए गए जवाब

मैं अपने लिए CSS3 ग्रेडिएंट का उपयोग कैसे करूं background-colorऔर फिर background-imageकिसी प्रकार की हल्की पारदर्शी बनावट को लागू करने के लिए एक का उपयोग करूं ?

1250 css  background-image  gradient 

इस प्रश्न के उत्तर सामुदायिक प्रयास हैं । इस पोस्ट को बेहतर बनाने के लिए मौजूदा उत्तरों को संपादित करें। यह वर्तमान में नए उत्तरों या इंटरैक्शन को स्वीकार नहीं कर रहा है। IMGCSS के विपरीत, छवि को प्रदर्शित करने के लिए HTML टैग का उपयोग करना किन परिस्थितियों में …

777 html  css  image  background-image 

मैं एक ग्रीसीकेम यूजरस्क्रिप्ट के स्रोत को देख रहा था और उनकी सीएसएस में निम्नलिखित पर ध्यान दिया: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} मैं इस बात की सराहना कर सकता हूं कि एक ग्रीसीमेक स्क्रिप्ट कुछ भी बंडल करना चाहेगा वह स्रोत के भीतर सर्वर पर होस्ट करने …

475 css  base64  background-image  data-uri 

मेरे पास एक JPEG फाइल है जिसे मैं एक खोज पृष्ठ के लिए पृष्ठभूमि छवि के रूप में उपयोग कर रहा हूं, और मैं इसे सेट करने के लिए CSS का उपयोग कर रहा हूं क्योंकि मैं Backbone.js संदर्भों के भीतर काम कर रहा हूं : background-image: url("whatever.jpg"); मैं केवल …

467 css  background-image  css-filters 

मेरी निम्नलिखित पृष्ठभूमि में पृष्ठभूमि छवि है, लेकिन छवि कट जाती है: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> क्या पृष्ठभूमि की छवि को काटे बिना दिखाने का कोई तरीका है?

334 html  css  background-image 

मैं एक URL से एक निश्चित चौड़ाई और ऊंचाई के साथ एक छवि दिखाना चाहता हूं, भले ही उसका आकार अलग हो। इसलिए मैं आकार (अनुपात को बनाए रखना) चाहता हूं और फिर छवि को मेरे इच्छित आकार में काट देता हूं। मैं html imgप्रॉपर्टी के साथ आकार बदल सकता …

333 html  css  background-image  image 

क्या दो पृष्ठभूमि चित्र होना संभव है? उदाहरण के लिए, मैं शीर्ष पर एक छवि दोहराना चाहता हूं (दोहराना- x), और पूरे पृष्ठ पर एक और दोहराना (दोहराना), जहां पूरे पृष्ठ में एक पीछे है जो शीर्ष पर दोहराता है। मैंने पाया है कि मैं html और शरीर की पृष्ठभूमि …

316 css  background-image 

मेरे पास एक डीआईवी है और मैं पृष्ठभूमि के रूप में एक पैटर्न रखना चाहूंगा। यह पैटर्न ग्रे है। इसलिए इसे थोड़ा और अच्छा बनाने के लिए, मैं एक हल्का पारदर्शी रंग "परत" डालना चाहूंगा। नीचे मैंने कोशिश की है लेकिन जो काम नहीं किया। क्या पृष्ठभूमि की छवि पर …

213 css  background-image  background-color 

मेरे पास एक वेबसाइट है (g-floors.eu) और मैं पृष्ठभूमि बनाना चाहता हूं (सीएसएस में मैंने सामग्री के लिए एक बीजी-छवि को परिभाषित किया है) भी उत्तरदायी है। दुर्भाग्य से मुझे वास्तव में इस बारे में कोई भी जानकारी नहीं है कि इसे कैसे करना है, इसके अलावा मैं एक चीज …

195 css  responsive-design  background-image  image-resizing 

मेरे पास पैनल है जिसे मैंने नीला रंग दिया है यदि यह पैनल चुना जा रहा है (उस पर क्लिक किया गया)। इसके अतिरिक्त, मैं .pngउस पैनल में एक छोटा संकेत ( छवि) जोड़ता हूं , जो इंगित करता है कि चयनित पैनल पहले ही चयनित हो चुका है। इसलिए …

169 css  background  background-image  background-color 

क्या background-imageएसवीजी <path>तत्व के लिए सेट करना संभव है ? उदाहरण के लिए, यदि मैं तत्व सेट करता हूं, तो class="wall"CSS शैली .wall {fill: red;}काम करती है, लेकिन .wall{background-image: url(wall.jpg)}न तो, न ही .wall {background-color: red;}।

166 html  css  image  svg  background-image 

मैं उस छवि को घुमाना चाहता हूं जो क्रोम में स्क्रॉलबार के बटन में रखी गई है। अब मेरे पास इस सामग्री के साथ एक सीएसएस है: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } मैं इसकी सामग्री को घुमाए बिना छवि को घुमाना चाहता हूं।

160 css  background-image  image-rotation 

मेरा लक्ष्य एक HTML पृष्ठ बनाना है जो "फोटो फ्रेम" के समान है। दूसरे शब्दों में, मैं एक रिक्त पृष्ठ बनाना चाहता हूं जो 4 चित्रों से घिरा हो। यह मेरा कोड है: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> …

141 html  css  html-table  background-image 

मैं सीएसएस संक्रमण का उपयोग करके "फीका-इन फीका-आउट" प्रभाव बनाने की कोशिश कर रहा हूं। लेकिन मैं पृष्ठभूमि छवि के साथ काम करने के लिए इसे प्राप्त नहीं कर सकता ... सीएसएस: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background …

121 css  background  background-image  css-transitions 

मैं अलग-अलग divs के लिए एक पृष्ठभूमि छवि सेट करना चाहता हूं, लेकिन मेरी समस्याएं हैं: छवि का आकार तय किया गया है (60px)। भिन्न का आकार मैं पूरी पृष्ठभूमि को भरने के लिए पृष्ठभूमि-छवि को कैसे बढ़ा सकता हूं? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } यहां …

102 css  html  background  background-image