CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

den-evil Nybegynder

31. juli 2009 - 12:39 Der er 7 kommentarer

Opacity og divs

Hey alle...

Undrer mig lidt over en ting - Har en div med noget opacity på, denne ser sådanne ud:

#header {
height: 191px;
background-color: #2f3338;
opacity:0.4;
filter:alpha(opacity=40);
border-bottom: 3px solid #72333d;
}

Inde i den div, har jeg et billede - Problemet er at billedet nedarver opacityen, så billedet også bliver gennemsigtigt - Dette skal ikke ske, hvordan undgår jeg lige det?

Synes godt om

olebole Juniormester

31. juli 2009 - 13:17 #1

<ole>

Når elementet gøres gennemskinneligt, bliver dets indhold det også. Det undgår du ikke. Ellers må du lægge nogle elementer ovenpå hinanden - ikke inde i hinanden

/mvh
</bole>

Synes godt om

smogle Nybegynder

31. juli 2009 - 13:26 #2

skriv din opacity ud af #header og lav et nyt div-tag der ligger inden i headeren der indeholder din opacity. Derefter kan du lægge dine billeder ind under din #header og samtidig beholde din opacity.
Du kan eventuelt arbejde lidt med z-index i den forbindelse.

Synes godt om

den-evil Nybegynder

31. juli 2009 - 14:21 #3

<ole> : Ovenpå ? Altså en div inde i den div med opacity, også meget noget position: absolute; z-index eller hvordan og hvorledes??

Smogle: Har prøvet lidt med z-index, men det vil sq ik helt virke...

Synes godt om

smogle Nybegynder

31. juli 2009 - 15:22 #4

<ole> har ret i at div tags nedarver efter hinanden. Det er derfor at du skal fjerne opacity fra #header og evt sætte det ind i et nyt div tag der eks. hedder opacity
ex
<div class="header">
<div class="opacity"></div>

</div>

Det behøves ikke se sådan her ud, det kommer lidt an på resten af din kode, men både opacity og billedet nedarver resten af headers funktioner.

Synes godt om

zuran Nybegynder

31. juli 2009 - 16:25 #5

Har du prøvet at overskrive opacity indstillingen på billedet? Således at du angiver opacity til 100% på billedet.

Synes godt om

roenving Novice

31. juli 2009 - 17:45 #6

-- så bliver det 100% af det omgivende elements opacitet !-)

Synes godt om

den-evil Nybegynder

07. juli 2010 - 15:26 #7

Smider du et svar?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS