mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 18.04.2024 09:26 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
Benutzer 36923
Account gelöscht Threadersteller


Ort: -

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
 
m
Moderator

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 Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 36923
Account gelöscht Threadersteller


Ort: -

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
 
m
Moderator

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 Website dieses Benutzers besuchen
Sunlifestyle

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst Di 24.03.2009 19:46
Titel

Antworten mit Zitat Zum Seitenanfang
hello...

ich wollte mal dene twin helix hack installieren.
Leider bekomme ich es einfach nicht hin.
Habe alles so installiert wie ich das machen sollte.

Wenn ich die Seite nun im IETester teste dann bekomme ich die Fehlermeldung:
An error has occurred in the script on this page.

Der will die .png Bilder nicht laden weil er sagt das es einen Fahler gibt.

Liegt das jetzt am IETester oder daran das was nicht geht?
Leider habe ich keinen "richtigen" IE 6 zum Testen *Schnief*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 24.03.2009 20:03
Titel

Antworten mit Zitat Zum Seitenanfang
Hi, vergiss den Twin Helix - der ist zwar gut, aber
mittlerweile kann man eigentlich nur noch den hier
empfehlen:
http://www.mediengestalter.info/forum/10/ie-png-fix-neues-modell-vorgestellt-ueber-vml-119143-1.html
  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
Opacity im IE 8
IE 7 Opacity + Jquery
CSS Level 3 opacity-Fehler
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 an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB