CSS Keine Tranparenz mit -moz-capacity

Timdaroxxa · 16. Dezember 2009

Hey
folgendes Problem: das DIV wird nicht tranperent!

@charset "utf-8";
/* CSS Document */

body {
background-color:#000;
}

.a {padding-right: 30px;}
a {outline: none; border:0;}
img {border:0;}

#navbar {
height:30px;
width: 800px;
background-color:#000;
margin: 20px auto;
}
#logo {
height: 200px;
width: 800px;
margin: auto;
}
#inhalt {
height: 600px;
width: 800px;
margin: 0 auto;
background-image:url(Hintergrund.png);
}

#news {
height: 50px;
width: 600px;
margin: 0 auto;
padding-top: 20px; }

#newsinhalt {
height: 500px;
width: 600px;
margin: 0 auto;
padding-top: 20px;
background-color:#000;
color: #FFF;
-moz-opacity:0.3;

}

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<div id="logo"><img src="Logo.png" width="800" height="200" /></div>

<div id="navbar">
<a href="index.html">
<img src="Home.png" width="156" height="30"/>
</a>
<a href="Seite1.html">
<img src="Themes.png" width="156" height="30" />
</a>
<a href="index.html">
<img src="Button.png" width="156" height="30"/>
</a>
<a href="index.html">
<img src="Button.png" width="156" height="30"/>
</a>
<a href="index.html">
<img src="Button.png" width="156" height="30"/>
</a>
</div>

<div id="inhalt">
<div id="news"><img src="News.png" width="600" height="50" /></div>
<div id="newsinhalt">Heyho</div>
</div>

</div>
</body>

Weis jemand warum?

Naimless · 16. Dezember 2009

mit welchem browser guckst du dir das ganze denn an?

Timdaroxxa · 16. Dezember 2009

mit Firefox

habs auch schon mit dem filter alpha probiert!

Rudy-Roberts · 16. Dezember 2009

Soweit ich weiß wird -moz-opacity seit FF 3.5 nicht mehr unterstützt.
Stattdessen kannst du normal opacity verwenden (also in deinem Beispiel opacity: 0.3;)

filter alpha ist eine MS-only Eigenschaft.
Wenn du möchtest das die Sichtbarkeit auch im IE geändert wird, kannst du zusätzlich noch filter: alpha(opacity=30); einstellen.

Suche

CSS Keine Tranparenz mit -moz-capacity

Timdaroxxa

Lieutenant

Naimless

Lt. Commander

Timdaroxxa

Lieutenant

Rudy-Roberts

Newbie

Ähnliche Themen