mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 14.10.2008 14:31 Benutzername: Passwort: Auto-Login

Thema: filter:alpha(opacity) und so weiter... vom 09.04.2008

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> filter:alpha(opacity) und so weiter...
Autor Nachricht
BZL
Threadersteller

Dabei seit: 19.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.04.2008 20:19
Titel

filter:alpha(opacity) und so weiter...

 Antworten mit Zitat Zum Seitenanfang
Hallo!
Ich habe folgende Probleme...
Zum einen möchte ich den Block hinter <h2>-Überschriften mit einer leichten Transparenz versehen und zum anderen einen gesamten <div>.
Das mit der Transparenz in dem Überschriftenblock funktioniert soweit auch super, leider nur im Firefox.
Hier erstmal der Code dazu:

Code:
#transparentblock {
   filter: alpha(opacity=80);
   opacity: 0.85;
   -moz-opacity: 0.85;
}


Zum anderen möchte ich gerne DIESE BOX:
Code:
#inhalt {
   position:absolute;
   height:99.8%;
   width:450px;
   margin:0px 0px 0px -200px;
   text-align: left;
   padding: 0px;
   overflow: auto;
   top: 0%;
   right: 2%;
   font-family: "Courier New", Courier, monospace;
   color: #333333;
   font-size: 13px;
   line-height: 14px;
}


Im Prinzip soll jetzt darein nun ein "background-color" mit Transparenz eingefügt werden... ABER WIE?!

Wie kann ich das nun am besten machen?
Die anderen Varianten via Raster-Gif und .png mit Transparenz bin ich nun durch *Schnief*

Würde mich echt freuen wenn mir jemand helfen könnte * Ich bin unwürdig *

Vielen Dank schonmal!

BZL
  View user's profile Private Nachricht senden
m

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.04.2008 20:46
Titel

Antworten mit Zitat Zum Seitenanfang
Einen transparenten Hintergrund kannst du nur per CSS nicht erreichen, dazu musst du ein
PNG als Background-Image nutzen. Oder aber du positionierst den Inhalt absolut mit über einem
transparenten (css opacity) Element.
  View user's profile Private Nachricht senden
BZL
Threadersteller

Dabei seit: 19.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.04.2008 21:09
Titel

Antworten mit Zitat Zum Seitenanfang
Das mit dem transparenten png hab ich abgehackt weil der IE da immer abkackt.
Was meinst du mit deinem zweiten Vorschlag? Könntest du ihn näher beschreiben?
Danke schonmal!
Gruß
BZL
  View user's profile Private Nachricht senden
m

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.04.2008 21:39
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>opacity</title>
  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
    }
    div#opaque {
      background: #eee;
      height: 150px;
      left: 150px;
      position: absolute;
      top: 150px;
      opacity: 0.5;
      width: 150px;
    }
    div#text {
      height: 150px;
      left: 150px;
      position: absolute;
      top: 150px;
      width: 150px;
      z-index: 10;
    }
  </style>
 </head>
 <body>
  <div id="opaque"></div>
  <div id="text">Text Text Text</div>
 </body>
</html>


Aber es gibt genug Möglichkeiten dem IE<7 den Umgang mit halbtransparenten PNGs beizubringen.
Wieso nutzt du nicht einfach solche? Ein JScript zum Beispiel. Google: twinhelix png fix
  View user's profile Private Nachricht senden
 
Ähnliche Themen filter:alpha(opacity=) - funktioniert das im IE7 noch?
Alpha/Opacity in IE und Firefox?
.swf datei und css filter:alpha problem. flash liegt darüber
CSS: opacity im Conatiner ein- und in Inhalten ausschalten
Cinema 4D Alpha-Kanaele
alpha tween verlangsamen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group