एचटीएमएल पारदर्शी पृष्ठभूमि

<html> <head><style type="text/css"> div.transbg {background-color:#4a6c9b; opacity:0.6;} </style></head> <div class="transbg"> <body><Center><font color="#FFFFFF"> <b>Toll Charges</b> <table bgcolor="#000000" cellspacing=3> <tr> <td bgcolor="#009900"><font color="#FFFFFF" align="left">    Class 2 inc Private </font></td> <td bgcolor="#009900"><font color="#FFFFFF" align="right">  A$ 4.95  </font></td> </tr> <tr> <td bgcolor="#009900"><font color="#FFFFFF" align="left">    Class 2 inc Commercial </font></td> <td bgcolor="#009900"><font color="#FFFFFF" align="right">  A$ 13.95  </font></td> </tr> </table> <br> Toll has to be paid within 48 hrs of passage, else an additional A$ 13.95 of administration charges would be added </font></Center> </div> </body> </html>

मुझे यकीन नहीं है कि आपकी आवश्यकता समझ में आता है या नहीं। बस वांछित रंग पृष्ठभूमि दें।

div.transbg { background-color: #92a7c3; }

पारदर्शिता केवल पृष्ठभूमि छवियों या ओवरलेड पृष्ठभूमि के लिए दिलचस्प है, जो आपके विशेष मामले में लागू नहीं होती है।

स्रोत

2010-05-02 04:10:40 BalusC

मेरा मानना है कि आप इस के लिए देख रहे हैं,

.transbg { 
    background-color:#4a6c9b; 
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity: 0.6; 
opacity: 0.6; 
}

और हो सकता है इस http://css-tricks.com/rgba-browser-support/

स्रोत

2010-05-02 04:11:53 user295292

उनकी समस्या यह थी कि "सब कुछ" पारदर्शी हो जाता है, यह नहीं कि यह IE <8 or the > 2 वर्षीय गेको/केडीई ब्राउज़र इंजन में काम नहीं करता है। – BalusC

आपकी टिप्पणी से पहले संपादित किया गया =) – user295292

मैं पढ़ता हूं: * "जबकि यह कोड सब कुछ पारदर्शी बना रहा है" *। इस प्रकार पारदर्शिता पूरी तरह से काम करता है। यह केवल वह नहीं है जो उसने अपेक्षित था। – BalusC

मैं अस्पष्टता के बजाय RGBA, thusly उपयोग करने का सुझाव:

.transbg {background: rgba(red,green,blue,opacity);}

तुम भी डाल सकते हैं सीएसएस में आपके बाकी स्वरूपण इस प्रकार हैं:

body {background-color:#000; 
     color:#fff;} 
td {background-color: #090; 
    color:#fff;} 
.leftc {text-align:left;} 
.rightc {text-align:right;} 
table {borderspacing: 3;}

अब आप फ़ॉन्ट टैग और टीडी के गुणों को हटा सकते हैं। आपको टीडी के लिए <td class="leftc"> या दाईं ओर टेक्स्ट के लिए rightc कक्षा के साथ आवश्यकता होगी।

भी http://css-tricks.com/rgba-browser-support/

स्रोत

2010-05-02 04:17:31

मैं हाल ही में पता चला कि मैं एक पारदर्शी पृष्ठभूमि के साथ एक HTML शरीर बनाना चाहता था देखें। (एचटीएमएल एक ऐप के लिए निर्देशों का एक स्थानीय सूचना पृष्ठ है, और एक "ब्राउज़र" दिखाई देगा जो वास्तव में दृश्यों के दूसरे सेट के भीतर एक वेबकिट दृश्य है। वेबकिट व्यू दृश्य पदानुक्रम में किसी छवि के शीर्ष पर बैठता है। पारदर्शी वेब पेज पृष्ठभूमि, वेबकिट दृश्य के पीछे दृश्य से छवि दिखाता है)

इसे पूरा करने के बस HTML के रूप में निम्नानुसार, एक साथ किसी अन्य विशेषताओं/शैलियों/आदि के साथ कोड डाल दें:।

<body bgcolor=transparent>

दूसरे शब्दों में, उद्धरण के बिना कीवर्ड "पारदर्शी" का उपयोग करें, और आपको 0 का अल्फा मिलेगा और इस प्रकार एक पारदर्शी पृष्ठभूमि को जो कुछ भी पीछे दिखाना है ।

(चेतावनी:।। मैं वेबकिट दृश्य कार्यान्वयन में, मैं अपने यूआई सेटअप में वेबकिट पृष्ठभूमि रंग पारदर्शी बनाने के लिए है के रूप में मेरे पास है इस काम करने के लिए के लिए IE दोनों जगह पर होना चाहिए)

स्रोत

2012-07-11 03:09:56

मेरे लिए यह काम बहुत बढ़िया है। +1 –

पी एस : '' और '

'1 99 8 (!!!) से बहिष्कृत हैं।कृपया उस विंटेज HTML ट्यूटोरियल/पुस्तक को फेंक दें जिसका आप उपयोग कर रहे हैं और हाल ही में एक प्राप्त करें। – BalusC

हां, इन दिनों, सीएसएस में स्वरूपण किया जाना चाहिए। बस इसकी कल्पना करें जैसे आपके सभी गुण '' और 'bgcolor' सभी एक स्थान पर किए जा रहे हैं। इस तरह आपको शैली निर्धारित करने के लिए केवल कक्षा विशेषता का उपयोग करने की आवश्यकता है। –

एचटीएमएल पारदर्शी पृष्ठभूमि

उत्तर

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