filter:alpha(opacity=60)

<ole>

Det kan du ikke. Alt indhold i et element, der gives delvis transparens, får samme grad af transparens, som elementet

/mvh
</bole>

Bruger flere uafhængige elementer, der placeres ovenpå hinanden (af den grund ole beskriver !-)

så det er ikke muligt at definere nedenstående og bagefter disable det igen

background:#DFD9CA;filter:alpha(opacity=60)

kan man ikke noget alpha none ... noget???

Næhh ...

er der nogen af jer der nogensinde har rodet med scannet shoppen??

nope, men det ændrer ikke så meget ved, at roenvings forslag er det eneste, du har at gøre godt med  :)

Heller ikke jeg har pillet ved den ...

-- men det kan tilføjes, at de par stykker jeg lige har været i nærheden nærmest glimrede ved deres manglende fleksibilitet til selv at vælge måde at gøre tingene på ...

-- og ovenikøbet nærmest var en tour-de-force i invalid kode ,-(

- der er nu også en anden metode. Hvis du laver to små billeder:
    *) et PNG-24 billede, som er blåt med 60% opacity - 'test.png'
    *) et alm. gif-billede med et mønster, der kan gentages - 'test.gif'

Skriv så denne kode:

<style type="text/css">
.transparent {
    background: url(test.png);
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.transparent {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}
</style>
<![endif]-->

- og HTML'en:

<div style="position:relative;padding:100px;background:url(test.gif)">
    <div class="transparent" style="width:200px;height:200px;">Blablabla</div>
</div>

Billedet 'test.gif' er kun metaget, så du umiddelbart kan se transparensen  ;o)

PS: det behøver bare at være små billeder på f.eks. 10x10px. Løsningen virker i øvrigt rimelig X-browser: FF, IE, Opera - og sikkert også Safari (men det sidste er utestet)

Tester det senere idag.. olebole du gav jo egentlig en løsning på mit problem så det må jo være points til dig..

Roenving

du skrev følgende : 06/03-2008 17:52:48

Citat ---->
-- og ovenikøbet nærmest var en tour-de-force i invalid kode ,-(
<---- Slut

Hørt.. nemt at sætte op.. svær at gøre lækker!!!

Send svar

Hehe ... nu, jeg genser mit svar, kan jeg se, at jeg faktisk lavede det omvendte af, hvad du bad om - men du har formodentlig fanget idéen og byttet lidt om i koden  ;o)

nej.. jeg må indrømme at jeg ikke har haft tid til at kigge på det endnu.. og nej.. kan ikke se hvad der skulle være galt.. så jeg tager da gerne imod en ledetråd :o)

Denne kode viser nok tydeligere det, du efterlyste:

<div style="padding:100px;background:url(test.gif)">
    <div class="transparent" style="width:200px;padding:100px">
        <div style="width:200px;height:200px;background:white">Et element med opaq baggrund<br>- i et semitransparent element</div>
    </div>
</div>

Du skal dog være opmærksom på, at et IE-filter kræver, at det pågældende element 'har layout':
    http://msdn2.microsoft.com/en-us/library/ms530764(VS.85).aspx

Det er nævnt under 'Remarks' i referencen:
    http://msdn2.microsoft.com/en-us/library/ms533754(VS.85).aspx

I eksemplet i denne kommentar har jeg klaret opgaven ved at give div'et med klassen 'transparent' en bredde - men du kunne også vælge en af de andre CSS properties, nævnt under 'hasLayout'.

- og tak for points  ;o)

Nu tester jeg ofte koderne i mine kommentarer, så jeg fanger evt. typos og tanketorsk, men generelt vil jeg anbefale dig at teste svar, før du accepterer  ;o)

olebole det er jo dig.. du har hjulpet mig et utal af gange før..
så min tillid til dig ligger på et meget højt sted!!! - Tillid en æresag
Og skulle uheldet være ude.. nåå ja.. så er det jo bare points :o)