Cum se face un tabel HTML parțial transparent? (Programare, Html, Tabel Html, Transparent)

James a intrebat.

Dacă am un tabel HTML ca cel de mai jos:

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

Cum îl pot face parțial transparent? Există o modalitate de a face acest lucru fără CSS? Dacă nu, care este modalitatea CSS?

Comentarii

  • te referi ca fundalul să arate „tulbure”, sau „întunecat”? –  > Por Michael.
  • Salut băieți, îmi pare rău că am omis cuvântul transparent! Deci da, cum pot face un tabel transparent? –  > Por James.
  • De ce ai vrea să o faci fără CSS? CSS este o modalitate mult mai bună de a face acest lucru. –  > Por animuson.
  • Oh, am avut doar o mică problemă la deschiderea unui nou document pentru a face un fișier CSS, dar acum este în regulă.  > Por James.
5 răspunsuri
Michael

Poți încerca asta în fișierul tău html:

<table class='table1'>
<tr><td>...

Și asta în fișierul css:

.table1 {
background: rgba(255,255,255,0.5);
}

Acest lucru setează valorile rgba RED GREEN BLUE BLUE ALPHA, 255,255,255,255 = alb, 0,0,0,0 = negru, iar valoarea 0.5 de la sfârșit (ALPHA) este între 0 și 1, unde 1 este opac și 0 este transparent. Sper că acest lucru vă ajută.

În cazul dvs., #15151515 (COD HEX) se traduce prin (21, 21, 21, 21, 0,5) (RGBA), unde A este egal cu 50% transparent.

Obi

Puteți seta opacitatea sau transparența fundalului în CSS, după cum urmează

  /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;

Cea de mai sus îl face transparent în proporție de 60%. Sper că vă ajută.

Comentarii

  • Opacitatea se va aplica nu numai fundalului, ci și textului și tuturor elementelor din interiorul acestuia. –  > Por animuson.
  • ah, nu mi-am dat seama de asta. El ar putea apoi să seteze stiluri diferite pentru text & alt conținut al tabelului. –  > Por Obi.
  • Problema este că toate opacitatea sub care devine relativă la opacitatea părintelui. Astfel, opacitatea maximă care poate fi obținută de orice element copil este acum stabilită la 0,6. Vedeți acest lucru Exemplu jsFiddle. –  > Por animuson.
Max

Cu ajutorul CSS setați opacity la o valoare între 0 și 1. Totuși, acest lucru va face ca orice element din interiorul tabelului să fie transparent.

O soluție mai bună (din păcate) este de a face un fundal de tip tiling png cu o ușoară transparență. În acest fel, puteți estompa fundalul fără a estompa conținutul.

Jon

Răspund la o postare veche, dar acest lucru este încă relevant, deoarece tocmai am făcut referire la ea =)

Prea… puteți folosi focuri de artificii sau (probabil) photoshop pentru a crea o imagine .png complet neagră (doar o cutie neagră). Setați transparența dorită cu bara de instrumente și setați fotografia respectivă ca imagine de fundal a mesei. Se va repeta în mod implicit, astfel încât va umple tabelul dvs. Veți avea un tabel transparent prin care veți putea vedea -body bg img/culoare- și tot ceea ce veți pune în tabel nu va fi afectat de transparență.

Jon

user7976874

Modalitatea de a schimba culoarea de fundal și opacitatea este adăugarea acestui atribut în css-ul tău.

background-color: rgba(100,200, 0, 0.5); (nu background)

Dacă vrei să schimbi opacitatea conținutului de fundal+text, poți folosi:

opacity:0.6;