[opgelost] CSS: afbeelding krijgt een kleur er om heen als muis er op wordt gehouden
img.hover-bg {} volstaat dan ook volledig en je mist er niets aan.
Wellicht wil je eens een <a> hetzelfde effect meegeven.
Dus zou ik alleen .hover-bg schrijven.
Op zich wel handig om zo aan te geven waarvoor je het gebruikt.
Maar dat staat toch ook (bij wijze van) al in je comment er net boven?
Althans, zo heb ik het overgenomen van een andere css-goeroe. Ben zijn naam kwijt, Pottrici of zoiets.
Maar goed: is het nou al gelukt met de Topistarter? Want zo moeilijk moet dit niet zijn.
Eddy Erkelens op 06/01/2013 15:47:53:
En dan is dat img.img ook weer zo... dubbel.
img.hover-bg {} volstaat dan ook volledig en je mist er niets aan.
Wellicht wil je eens een <a> hetzelfde effect meegeven.
Dus zou ik alleen .hover-bg schrijven.
img.hover-bg {} volstaat dan ook volledig en je mist er niets aan.
Wellicht wil je eens een <a> hetzelfde effect meegeven.
Dus zou ik alleen .hover-bg schrijven.
Ja, img.hover-bg is natuurlijk ook prima!
ik zie jullie allemaal dit schrijfen:
<img src".." >
maar ik schrijf altijd
<img src".." />
maar wat is het verschil?
Het ligt eraan welke doc-type je gebruikt.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<img src="..." class="img--hover-bg">
/*img*/.img--hover-bg{
padding:20px;
}
.img--hover-bg:hover{
background:#222;
}
/*img*/.img--hover-bg{
padding:20px;
}
.img--hover-bg:hover{
background:#222;
}