Toon posts:

Achtergrondafbeeling transparantie en tekst in div...

Pagina: 1
Acties:

Onderwerpen


  • TR06
  • Registratie: april 2006
  • Laatst online: 19-06-2019
Ik wil graag de achtergrond van een div-element transparant maken. Niet de inhoud van de div dus.

(ZONDER het gebruik transparante .png afbeeldingen!!)

Wat ik nu de hele tijd doe is het volgende:

Ik wijs een achtergrondplaatje toe aan een div.
Vervolgens geef ik een opacity: 0.8 als stijl-eigenschap mee.

#header{
background: url(header_background.jpg) top center;
opacity: 0.8;
color: white;
}

Nadeel van deze methode is dat de gehele inhoud van de div transparant wordt, dus ook bijvoorbeeld alle tekst-elementen in de div :(

Ik zou graag zoiets willen krijgen:

#header{
background: url(header_background.jpg) opacity: 0.8 top center;
color: white;
}

Maar dit werkt dus niet...

Nogmaals, ik wil dit graag bereiken zonder het gebruik van transparante png's.

Zijn hier mogelijkheden voor?
Pagina: 1


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee