Is er een kleurcode voor transparant in HTML?

Ik ben een nieuwe website aan het bouwen en ik ben op zoek naar een transparante navigatiebalk zodat de achtergrond zichtbaar is.


Antwoord 1, autoriteit 100%

Er is geen transparante kleurcode, maar er is een dekkingsstijl. Bekijk de documentatie hierover op developer.mozilla.org

U wilt waarschijnlijk de kleur van het element instellen en er vervolgens de dekking op toepassen.

.transparent-style{
    background-color: #ffffff;
    opacity: .4;
}

Je kunt een aantal online transparantiegeneratoren gebruiken die je ook browserspecifieke stijlen geven. bijv. kijk eens op http://www.css-opacity.pascal-seven.de/

Houd er echter rekening mee dat wanneer u de transparantie van een element instelt, elk onderliggend element ook transparant wordt. Je moet dus echt andere elementen over elkaar heen leggen.

Misschien wilt u ook proberen een RGBA-kleur te gebruiken met de instelling Alfa (A) om de dekking te wijzigen. bijv.

.transparent-style{
    background-color: rgba(255, 255, 255, .4);
}

RGBA gebruiken via opacity betekent dat uw onderliggende elementen niet transparant zijn.


Antwoord 2, autoriteit 37%

Als je een 6-cijferige kleurcode hebt, b.v. #ffffff, vervang het door #ffffff00. Voeg gewoon 2 nullen toe aan het einde om de kleur transparant te maken.

Hier is een artikel waarin de nieuwe standaard uitgebreider wordt beschreven: https://css -tricks.com/8-digit-hex-codes/


Antwoord 3, autoriteit 21%

Je kunt de waarde voor de achtergrondkleur specificeren met rgba(), als:

.style{
        background-color: rgba(100, 100, 100, 0.5);
}

0,5 is de transparantiewaarde

0.5 lijkt meer op semi-transparant, het veranderen van de waarde van 0.5 naar 0 gaf me echte transparantie.


Antwoord 4, autoriteit 20%

#0000ffff – dat is de code die je nodig hebt voor transparant. Ik deed het gewoon en het werkte.


Antwoord 5, autoriteit 15%

Alles wat je nodig hebt is dit:

#ffffff00

Hier is de ffffff de kleur en 00 is de transparantie

Als u 50% transparante kleuren wilt, kunt u dat zeker doen…
#ffffff80

Waarbij 80 het hexadecimale equivalent is van 50%.
Aangezien de schaal 0-255 is in RGB-kleuren, zou de helft 255/2 = 128 zijn, wat bij conversie naar hex 80

wordt

En aangezien we in transparant 0 dekking willen, schrijven we 00


Antwoord 6, autoriteit 8%

{background-color: transparant;}


Antwoord 7, autoriteit 5%

Ja, ik denk dat de beste manier om de achtergrondkleur transparant te maken (alleen dekking voor de achtergrond maken) is met

.style{
        background-color: rgba(100, 100, 100, 0.5);
}

Boven statement 0.5 is de dekkingswaarde.

Het past alleen de wijzigingen in de dekking toe op de achtergrondkleur (niet alle elementen’)

Het attribuut “opacity” in de CSS maakt alle elementen in het blok transparant.


Antwoord 8, autoriteit 5%

Als u op zoek bent naar Android-apps, kunt u

#00000000 

Antwoord 9

Hier, in plaats van de navigatiebalk transparant te maken, verwijder je alle kleurkenmerken van de navigatiebalk om de achtergrond zichtbaar te maken.

Vreemd genoeg kwam ik de gedachte tegen dat ik een transparante kleur nodig had, maar ik hoefde alleen maar de kleurkenmerken te verwijderen.

.some-class{
    background-color: #fafafa; 
}

naar

.some-class{
}

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Other episodes