webForumDet fria alternativet

Problem validera opacity

7 svar · 1 049 visningar · startad av Mika3l

Mika3lMedlem sedan nov. 20018 492 inlägg
#1

Hej!
Får det här meddelandet när jag validerar min CSS:

88 .thumbnail Egenskap opacity finns inte för CSS nivå 2.1 men finns för : 0.75 0.75
89 .thumbnail Parsningsfel opacity=75)
96 .thumbnail:hover Egenskap opacity finns inte för CSS nivå 2.1 men finns för : 1 1
97 .thumbnail:hover Parsningsfel opacity=100)

Koden:

.thumbnail {
	opacity: .75;
	filter: alpha(opacity=75);
	width: 115px;
	height: 115px;
	border: 0;
	display: block;
}
.thumbnail:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

Vad jag har förstått som så borde jag kunna göra på det här sättet (det fungerar ju uppenbarligen också iaf), eller har jag fattat fel?
Har googlat som en dåre men hamnar bara bland massa javascript. x(

Danne VMedlem sedan aug. 20068 090 inlägg
#2

Opacity, skuggor och annat är CSS3. Antagligen värderar validatorn efter CSS2.1. Bry dig inte om att sidan inte validerar. Huvudsaken är att den fungerar i de flesta webbläsarna.

(Förresten, "filter" är inte ens CSS. Bara ett värde för Internet Explorer)

Mika3lMedlem sedan nov. 20018 492 inlägg
#3

Får fel även i CSS3.

89 	.thumbnail 	Parsningsfel opacity=75)
97 	.thumbnail:hover 	Parsningsfel opacity=100)

Måste lyckas validera då sidan är till en kurs jag läser, men jag får plocka bort i värsta fall. :)

Danne VMedlem sedan aug. 20068 090 inlägg
#4

Mika3l skrev:

Får fel även i CSS3.

89 	.thumbnail 	Parsningsfel opacity=75)
97 	.thumbnail:hover 	Parsningsfel opacity=100)

Måste lyckas validera då sidan är till en kurs jag läser, men jag får plocka bort i värsta fall. :)

Kan vara att du skrivit in värdet felaktigt. Som jag fattar från http://www.w3.org/TR/css3-color/#transparency så ska det ha ett heltal och en decimal. Får inte sakna heltalet och kan inte ha fler decimaler. Testa nedanstående:

.thumbnail {
	opacity: 0.7;
	width: 115px;
	height: 115px;
	border: 0;
	display: block;
}
.thumbnail:hover {
	opacity: 1.0;
}

Edit: Jo, ovanstående validerar i CSS3. Testade nyss.

Mika3lMedlem sedan nov. 20018 492 inlägg
#5

Tackar, fungerar fint att validera CSS3.
Men om jag tar bort filter så fungerar det inte i IE, någon annan lösning på det problemet?

Danne VMedlem sedan aug. 20068 090 inlägg
#6

Mika3l skrev:

Tackar, fungerar fint att validera CSS3.
Men om jag tar bort filter så fungerar det inte i IE, någon annan lösning på det problemet?

Inte genom kodning, vad jag vet.
Enda lösningen som kommer att funka i alla moderna webbläsare (tror jag?) so jag kan komma på är att du sparar bilderna som png-24 och lägger in transparensen där.

voigtann1Medlem sedan juni 20019 519 inlägg
#7

lägg det i en IE specifik CSS och kör Conditional comments

Mika3lMedlem sedan nov. 20018 492 inlägg
#8

Tack!

137 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)