CSS validieren

[Friesi]

Ich möchte gerne mein CSS File validieren lassen, doch bekomme ich dabei einen Fehler:


In meinem CSS Steht dieses:

div.opacity
{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	z-index: 1;
	width:100%;
	height: 20px;
	background-color: #8895ff;
}

div.no_opacity
{
	position: relative;
	top: 3px;
	margin-top: -21px;
	z-index: 2;
	width:100%;
	height: 20px;
}

Ausgabe vom CSS Validieren

* Zeile: 76 Kontext : div.opacity

Einlese-Fehler - opacity=50)
* Zeile: 77 Kontext : div.opacity

Einlese-Fehler - -moz-opacity:0.5;
* Zeile: 84

Einlese-Fehler - : 1; width:100%; height: 20px; background-color: #8895ff; } div.no_opacity

Hier mein komplettes CSS File:

/* body */
body {
	background-color: #999999;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px
}

/* standard Schriftart */
font,th,td,p {
	font-family: Verdana, sans-serif;
	font-size: 8pt;
}

/* Link Farben */
A {
	color: #000000;
	text-decoration: none;
}
A:visited {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #FF8000;
	text-decoration: none;
}

/* Tabellen Background */
.img_top {
	background-image:url(images/bannerrahmen_top.jpg);
}

.img_head {
	background-image:url(images/Banner_5.jpg);
}

.img_bottom {
	background-image:url(images/bannerrahmen_bottom.jpg);
}

.img_crossover {
	background-image:url(images/rahmen_uebergang.jpg);
}

.img_footer {
	background-image:url(images/rahmen_fuss.jpg);
}

.img_bg_navigation {
	background-image:url(images/navi_bg2.jpg);
}

.img_headline {
	background-image:url(images/headline_bg.jpg);
}

/* Navigation */
.navi {
	background-color: #FFFFFF;
	background-image:url(images/navi_bg.jpg);
	border: 1px solid #000000;
	font-family: Arial;
	font-size:10pt;
	text-indent: 3mm;
}

/* Rahmen */
.border { border: 1px solid #000000 }

/* Durch / Undurchsichtigkeit */
div.opacity
{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	z-index: 1;
	width:100%;
	height: 20px;
	background-color: #8895ff;
}

div.no_opacity
{
	position: relative;
	top: 3px;
	margin-top: -21px;
	z-index: 2;
	width:100%;
	height: 20px;
}

/* Tabellen Formatierung */
th {
	background-color: #ff8000;
	border: 1px solid #000000;
}

.tablebl {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.tablebottom {
	border-bottom-width: thin;
	border-bottom-color: #000000;
}
.tablebrl {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.tablebright {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #000000;
}
.tableba {
	border: thin solid #000000;
}

/* Textformatierung */
.textbold {
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.textnormal {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.textsmall {
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.textblack {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* Formular Elemente */
.editfield {
	border: thin inset #000000;
}

input.b {
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-size:8pt;
	width:60px
}

Was hab ich denn da nun falsch gemacht? Hoffe mir kann einer helfen!

 

[Gumbo]

Die Eigenschaften filter und -moz-opacity sind keine vom W3C spezifizierten Eigenschaften und werden damit vom W3C-CSS-Validator (und vielleicht noch anderen) als Fehler angesehen.

 

[Friesi]

Achso! Ok dann ist das nicht so toll.
Eine Alternative gibts da nicht oder?

 

[SilentWarrior]

Noch nicht. In CSS 3 kannst du die Opazität einzelner Elemente bestimmen. Aber da das bestimmt nicht vor, naja, ich denke mal 2009 rauskommt und/oder nur von den minderen Anzahl von Browsern interpretiert wird, nützt das sowieso nichts. Zumal es der IE wohl erst um 2020 verstehen wird.