Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Hover avatar inhoud

3 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Hover avatar inhoud

Bericht van NiboriUkitake zo 6 maa 2016 - 12:09

Hallo,

Op ons forum zijn wij bezig met een hover avatar en alles lukt, enkel hebben wij het probleem dat ook de tekst en het vakje dat erin staat ook doorzichtig wordt. Dit is natuurlijk niet de bedoeling, maar we vinden niet hoe we het kunnen verhelpen.

Zo ziet het eruit:
https://gyazo.com/a53ed3033d7ebdcb533508145160f58a
Zoals je ziet in de inhoud van de hover ook doorzichtig, hoe kunnen we dit verhelpen?

Alvast bedankt ^^

Terug naar boven Terug naar beneden

NiboriUkitake

NiboriUkitake
Forumlid

Vrouw
Berichten : 57
Leeftijd : 26
Registratie : 22-06-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://supernaturall.actieforum.com/



NiboriUkitake is bedankt door de starter van dit topic.

Opgeloste Topic Re: Hover avatar inhoud

Bericht van 10spetter10 zo 6 maa 2016 - 17:02

Hoi,

Ik vermoed dat je een van je parent elementen een doorzichtigheid hebt meegegeven. Hierdoor zijn alle hoger liggende elementen ook doorzichtig. Als je enkel een achtergrondkleur doorzichtig wilt hebben kan je beter rgba gebruiken in de plaats van hex/rgb/hsl. Als je een doorzichtige achtergrondfoto wilt zou je deze beter met css in een 'before' element steken.

Ik kan gerichtere info geven als ik het voorbeeld kan bekijken op je forum zelf zodat ik de html kan zien. Als je de url liever privé houdt mag je me die sturen in pm.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Hover avatar inhoud

Bericht van Blackraven zo 6 maa 2016 - 17:37

ik werk samen aan hetzelfde forum^^
hier is de link http://letskilltonight.actieforum.com/

En hier zijn de code:
Spoiler:

wil je ook de template code?

Terug naar boven Terug naar beneden

Blackraven

Blackraven
Actief Forumlid

Vrouw
Berichten : 102
Leeftijd : 28
Registratie : 10-04-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://untildawn.actieforum.com/



Blackraven is bedankt door de starter van dit topic.

Opgeloste Topic Re: Hover avatar inhoud

Bericht van 10spetter10 zo 6 maa 2016 - 18:32

De template heb ik normaal gezien niet nodig.

Je kan eens proberen of het goed is als je deze css gebruikt:

Code:
.b {}
.c {height: 400px; width: 250px; position: relative; z-index: 0;}
.c:hover .d {opacity: 1;}
.d {opacity: 0; height: 400px; width: 250px; position: relative; z-index: 99; top: -400px; background-color: rgba(26, 26, 26, 0.5);
-webkit-transition: opacity 0.7s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in; transition: opacity 1s ease-in;}
#hoverblock:hover {opacity: 1;}
#words {opacity: 15;}

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Hover avatar inhoud

Bericht van Blackraven zo 6 maa 2016 - 18:36

Yep dat werkte helemaal!
Thanks voor de snelle reactie!

Terug naar boven Terug naar beneden

Blackraven

Blackraven
Actief Forumlid

Vrouw
Berichten : 102
Leeftijd : 28
Registratie : 10-04-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://untildawn.actieforum.com/



Blackraven is bedankt door de starter van dit topic.

Opgeloste Topic Re: Hover avatar inhoud

Bericht van 10spetter10 zo 6 maa 2016 - 19:07

.Hover avatar inhoud Hurhad10.Ondersteunings Vraag opgelost en gesloten.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum