---
title: "Problem validera opacity"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185532-problem-validera-opacity"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mika3l"
published: "2010-12-14T16:28:28.000Z"
updated: "2010-12-22T21:10:05.000Z"
replies: 7
views: 1054
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/185532-problem-validera-opacity"
---

# Problem validera opacity

## #1 — Mika3l, 2010-12-14T16:28Z

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(

Permalänk: https://www.webforum.nu/p/185532

## #2 — Danne V, 2010-12-14T16:32Z

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)

Permalänk: https://www.webforum.nu/p/2264599

## #3 — Mika3l, 2010-12-14T16:34Z

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. :)

Permalänk: https://www.webforum.nu/p/2264600

## #4 — Danne V, 2010-12-14T17:04Z

> **[Mika3l skrev:](https://www.webforum.nu/p/1525271)**
>
> 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.

Permalänk: https://www.webforum.nu/p/2264602

## #5 — Mika3l, 2010-12-18T17:58Z

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?

Permalänk: https://www.webforum.nu/p/2264872

## #6 — Danne V, 2010-12-18T18:19Z

> **[Mika3l skrev:](https://www.webforum.nu/p/1525596)**
>
> 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.

Permalänk: https://www.webforum.nu/p/2264874

## #7 — voigtann1, 2010-12-18T18:49Z

lägg det i en IE specifik CSS och kör [Conditional comments](http://www.quirksmode.org/css/condcom.html)

Permalänk: https://www.webforum.nu/p/2264877

## #8 — Mika3l, 2010-12-22T21:10Z

Tack!

Permalänk: https://www.webforum.nu/p/2265027

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185532-problem-validera-opacity