Hallo,
wie weet de code om achtergrond doorzichtbaar te maken in css.
laterz
1.349 views
background-color: transparent;
Bramboos schreef op 31.01.2010 20:23In je css transparent gebruiken is niet valid. Ik raad je aan een kleurcode te gebruiken.
body {
background-color: transparent;
color: #000000;
}
/* Koppen: */
h1 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 21pt;
font-weight: bold;
line-height: 1em;
}
h2 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.25em;
}
h3 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.25em;
}
/* Besturingselementen (controls) voor formulieren: */
fieldset {
cursor: default;
padding: 10px;
}
input {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
label {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
legend {
color: #0046D5;
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
select {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1.1em;
}
/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
vertical-align: middle;
}
/* Andere blokelementen (block-level elements): */
p {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 9pt;
line-height: 1.3em;
}
li {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 9pt;
line-height: 1.2em;
margin-bottom: 1ex;
}
td {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
th {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
address {
font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: 1.2em;
margin-top: 13px;
}
/* Inline elementen: */
cite, em, var {
font-style: normal; /* Niet cursief ... */
font-weight: bold; /* ... maar vet */
}
/* Selectors (pseudo-klassen) voor hyperlinks: */
a:link {
color: #0000FF; /* Voorgrondkleur blauw */
text-decoration: none; /* Niet onderstrepen */
}
a:visited {
color: #0000FF; /* Voorgrondkleur blauw */
text-decoration: none; /* Niet onderstrepen */
}
a:hover {
color: #6666FF; /* Voorgrondkleur lichter blauw */
cursor: pointer; /* Aanwijzer weergeven als handje */
text-decoration: underline; /* Onderstrepen */
}
/*
+---------------------------------+
| S P E C I A L E K L A S S E N |
+---------------------------------+
*/
/* Waarschuwingen: */
.w {
color: #FF3300; /* Rood */
font-style: normal; /* Niet cursief */
font-weight: bold; /* Vet */
}
/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften: */
input.knop {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
width: 75px;
height: 23px;
margin: 5px 0 10px 0;
}
body {
background-color: transparent;
color: #000000;
}
/* Koppen: */
h1 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 21pt;
font-weight: bold;
line-height: 1em;
}
h2 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.25em;
}
h3 {
background-color: transparent;
color: #6487DC;
font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.25em;
}
/* Besturingselementen (controls) voor formulieren: */
fieldset {
cursor: default;
padding: 10px;
}
input {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
label {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
legend {
color: #0046D5;
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
select {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1.1em;
}
/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
vertical-align: middle;
}
/* Andere blokelementen (block-level elements): */
p {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 9pt;
line-height: 1.3em;
}
li {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 9pt;
line-height: 1.2em;
margin-bottom: 1ex;
}
td {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
th {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
}
address {
font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: 1.2em;
margin-top: 13px;
}
/* Inline elementen: */
cite, em, var {
font-style: normal; /* Niet cursief ... */
font-weight: bold; /* ... maar vet */
}
/* Selectors (pseudo-klassen) voor hyperlinks: */
a:link {
color: #0000FF; /* Voorgrondkleur blauw */
text-decoration: none; /* Niet onderstrepen */
}
a:visited {
color: #0000FF; /* Voorgrondkleur blauw */
text-decoration: none; /* Niet onderstrepen */
}
a:hover {
color: #6666FF; /* Voorgrondkleur lichter blauw */
cursor: pointer; /* Aanwijzer weergeven als handje */
text-decoration: underline; /* Onderstrepen */
}
/*
+---------------------------------+
| S P E C I A L E K L A S S E N |
+---------------------------------+
*/
/* Waarschuwingen: */
.w {
color: #FF3300; /* Rood */
font-style: normal; /* Niet cursief */
font-weight: bold; /* Vet */
}
/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften: */
input.knop {
font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size: 8pt;
width: 75px;
height: 23px;
margin: 5px 0 10px 0;
}
Bramboos schreef op 31.01.2010 20:44http://jigsaw.w3.org/css-validator/#validate_by_input
Dan intypen:
background-color: transparent;
div {
background-color: transparent;
}