CSS Kleur #ffffff is donker grijs in mijn element
ik ben nog iets vreemds tegen het lijf gelopen met mijn css code.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
.sluiten {
background-color: #000;
position: absolute;
border-top: solid 1px #fff;
z-index: 1001;
text-align: center;
color: #ffffff;
font-weight: bold;
width: 200px;
height: 10px
left: 0px;
bottom: 0px;
}
background-color: #000;
position: absolute;
border-top: solid 1px #fff;
z-index: 1001;
text-align: center;
color: #ffffff;
font-weight: bold;
width: 200px;
height: 10px
left: 0px;
bottom: 0px;
}
De tekstkleur hoort wit (color: #ffffff;) te zijn, maar is bij mij donkergrijs in het element. How come?
Het wordt hier gewoon wit. Weet je zeker dat je nergens anders de kleur op grijs hebt gezet? Of heeft .sluiten misschien ook nog een id die je met donkergrijs stijlt? Kun je misschien een online voorbeeld geven?
Ik kan helaas geen voorbeeld laten zien aangezien ik hier op werk op een lokale server werk.
Of selecteer met bijvoorbeeld firebug het element wat wit moet zijn en er grijs uitziet. Dan zie je waar het welke eigenschappen van krijgt.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
.sluiten {
background-color: #000;
position: absolute;
border-top: solid 1px #fff;
z-index: 1001;
text-align: center;
color: #fff !important;
font-weight: bold;
width: 200px;
height: 10px
left: 0px;
bottom: 0px;
}
background-color: #000;
position: absolute;
border-top: solid 1px #fff;
z-index: 1001;
text-align: center;
color: #fff !important;
font-weight: bold;
width: 200px;
height: 10px
left: 0px;
bottom: 0px;
}
Nu pakt hij deze class font kleur wel, !important houd volgens mij in dat hij de aangewezen style MOET gebruiken voor hij naar andere zoekt. :)
Gewijzigd op 25/01/2012 12:29:40 door Erik Kraijenoord
Dat wist ik nog niet, super! bedankt voor de tip :)
Ik vind dit probleem eigenlijk wel vreemd. In CSS gaan styles die je op class zet namelijk voor de styles die je op een tag zet. Voorbeeldje:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
div
{
width: 100px;
height: 100px;
background: red; /* div wordt rood */
}
.container
{
background: blue; /* div wordt blauw, want een class gaat boven een tag */
}
.someDiv
{
background: orange; /* div wordt oranje, want als het niveau gelijk is maakt de volgorde uit */
}
.someDiv.container
{
background: purple; /* div wordt paars, want hoe gespecificeerder hoe meer voorrang */
}
#box
{
background: green; /* div wordt groen, want een id gaat boven een class */
}
body > #box
{
background: yellow; /* div wordt geel, want een gespecificeerde selector gaat boven een niet gespecificeerde selector */
}
{
width: 100px;
height: 100px;
background: red; /* div wordt rood */
}
.container
{
background: blue; /* div wordt blauw, want een class gaat boven een tag */
}
.someDiv
{
background: orange; /* div wordt oranje, want als het niveau gelijk is maakt de volgorde uit */
}
.someDiv.container
{
background: purple; /* div wordt paars, want hoe gespecificeerder hoe meer voorrang */
}
#box
{
background: green; /* div wordt groen, want een id gaat boven een class */
}
body > #box
{
background: yellow; /* div wordt geel, want een gespecificeerde selector gaat boven een niet gespecificeerde selector */
}
Juist duidelijk. Ik werk hier met meerdere mensen aan en iemand heeft ooit een keer een CSS gebruikt uit een externe php bestand die ik over het hoofd zag. Bedankt voor je uitleg