Gansterlkj skrev:
> Gansterlkj wrote in dk.edb.internet.webdesign.html:
>> Hey, jeg har en hvid boks oven på min baggrund og vil gerne have
>> boksen lidt transperant, men teksten skal stadig kunnes ses. Her
>> er et udsnit af koden hvor jeg regner med at det skal skrives.
>> De to sidste linier gør hele siden transperant lige nu, men dette
>> er ikke mit ønske.
>>
> #contentArea {
> width: 100%;
> table-layout: fixed;
> margin: 0px;
> padding: 0px;
> border-left: 2px solid #E8E8E8;
> border-right: 2px solid #E8E8E8;
> background-color: #ff0000;
> opacity:0.4; disse to linier gør også
> filter:alpha; teksten halv transperant
> }
>
> tag et kig:
http://surtic.dk/index_wordpress2010.php/
>
> alle farverne og designet er i fuldstændig fosterstadie! Jeg vil
> bare lige starte med det tranperante
Det er da et underligt sted at starte.
Indholdet er da meget vigtigere end præsentationen.
Når det er sagt har du en syntaksfejl i din
formregel for IE opacitetsfilter. Den skal
være
filter:alpha(opacity=40);
(Se evt. artiklen
http://webdesign101.dk/showcase/opacity/index.php)
Og så viser du en klassisk misforståelse
af hvad der sker med et element, når det
påtrykkes opacitets-egenskaben. Et sådant
element og /alt indhold i elementet/ bliver
gennemskinneligt.
Hvordan du tackler dette i et tabellayout
ved jeg ikke, men i et moderne layout
vil jeg give #contentArea elementet en
position:relative og dernæst positionere
de elementer, der ikke skal være gennemskinnelige
absolut (eller med float) i forhold til
#contentArea.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..