Hvordan lage tabell Cellebakgrunn- Opacity

May 20

Du får tilgang til bakgrunnen tilhører en tabell celle ved hjelp av Cascading Style Sheets (CSS). Nettleseren bruker CSS til å formatere innholdet på en nettside. En lavere tetthet gjør bakgrunnen på mobil mer gjennomsiktig; en høyere opasitet gjør det motsatte. Ifølge W3Schools, bruker Firefox opacity: x eiendom for åpenhet, mens Internet Explorer bruker filter: alpha (opacity = x). Du bør inkludere både i koden, slik at tettheten kan fungere i begge nettlesere.

Bruksanvisning

1 Åpne HTML-fil og legge til følgende kode i <HEAD> -kode:
<Style type = \ "text / css \">
.opacity {
background-color: red
GÅ
opacity: 0.3
GÅ
filter: alpha (opacity = 30)
GÅ
}
</ Style>

2 Erstatt "rød" med en bakgrunnsfarge av ditt valg.

3 Change "0,3" til et tall mellom "0.0" til "1.0" for Firefox, og endre "30" til et tall mellom "0" til "100" for Internet Explorer.

4 Pass på å bruke de samme opacity nivåer for Firefox og Internet Explorer-eksempel: opacity: 0.6 og filter: alpha (opacity = 60).

5 Legg følgende kode inne i <BODY> tag i HTML-filen (til å lage tabellen) som følger:
<Table width = \ "100% \" border = \ "en \">
<Tr>
<Td> </ td> <td class = \ "opacity \"> Legg inn tekst her </ td>
</ Tr>
</ Table>

6 Pass på at du har riktig klassenavnet (class = \ "opacity \") i <td> tag. For å legge til tettheten i en eksisterende celle, erstatte <td> tag for eksisterende celle (i HTML-fil) med følgende:
<Td class = \ "opacity \"> Legg inn tekst her </ td>

7 Erstatt "Legg inn tekst her" med innholdet ditt.