Nieuw lid |
|
Beste,
Ik zou graag mijn container voor 50% transperant willen hebben, zodat mijn achtergrond zichtbaar word. Maar ik geraak er niet echt wijs uit. Op Google kom je verschillende mogelijkheden tegen, maar geen één daarvan werkt. Ik weet dat ik met filter: alpha(opacity'50'); moet werken, maar ik krijg het niet klaar.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(image4.jpg);
}
.oneColFixCtrHdr #container {
width: 780px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
filter: alpha(opacity'50'); /*als mijn zoekwerk op Google correct was, zou de filter hier moeten komen.*/
}
.oneColFixCtrHdr #header {
background: #DDDDDD;
padding: 0 10px 0 20px;
}
.oneColFixCtrHdr #header h1 {
margin: 0;
padding: 10px 0;
}
.oneColFixCtrHdr #mainContent {
padding: 0 20px;
background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
padding: 0 10px;
background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
margin: 0;
padding: 10px 0;
}
-->
</style></head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1>Header</h1>
<!-- end #header --></div>
<div id="mainContent">
<h1> Hoofdinhoud </h1>
<p>Deze tekst zou op een witte, 50% transterante achtergrond moeten komen.</p>
<!-- end #mainContent --></div>
<div id="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; text-align: center; color: #000000; background-image: url(image4.jpg); } .oneColFixCtrHdr #container { width: 780px; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; filter: alpha(opacity'50'); /*als mijn zoekwerk op Google correct was, zou de filter hier moeten komen.*/ } .oneColFixCtrHdr #header { background: #DDDDDD; padding: 0 10px 0 20px; } .oneColFixCtrHdr #header h1 { margin: 0; padding: 10px 0; } .oneColFixCtrHdr #mainContent { padding: 0 20px; background: #FFFFFF; } .oneColFixCtrHdr #footer { padding: 0 10px; background:#DDDDDD; } .oneColFixCtrHdr #footer p { margin: 0; padding: 10px 0; } --> <body class="oneColFixCtrHdr"> <!-- end #header --></div> <p>Deze tekst zou op een witte, 50% transterante achtergrond moeten komen. </p> <!-- end #mainContent --></div> <!-- end #footer --></div> <!-- end #container --></div>
|