Ergebnis 1 bis 3 von 3

Thema: Bilder auf transparentem Hintergrund ebenfalls transparent

  1. #1
    Teeny
    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bilder auf transparentem Hintergrund ebenfalls transparent

    Hallo!

    Habe über eine Box einen transparenten Bereich geschaffen:

    #mainbox {
    margin: auto;
    margin-top: 0px;
    width: 50%;
    background-color: #F27B24;
    opacity: 0.8;
    border: 1px grey solid;
    padding: 10px;
    overflow: auto;
    z-index:1;

    }

    Wenn ich nun in diesem Bereich Bilder einbinde, bekommen sie ebenfalls diese Transparenz. Das möchte ich aber nicht.
    Habe die Bilder mit einem Zoombefehl versehen (bei MouseOver wird das "Vorschaubild" dann groß). Bei diesen großen Bildern sieht die Transparenz richtig schlecht aus!
    Versuchte schon, bei diesen Style-Angaben für den Bilderzoom mit opacity: 1; weiter zu kommen, ging aber nicht.

    Wie kann ich Bilder in einer Box mit Transparenz intransparent machen?

    Danke für die Hilfe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    574
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Bilder auf transparentem Hintergrund ebenfalls transparent

    Hallo

    Wie kann ich Bilder in einer Box mit Transparenz intransparent machen?
    Gar nicht. Mit opacity wird das nichts da opacity gnadenlos weitervererbt wird.

    Du musst eine Farbe mit Transparenz verwenden, zum Beispiel

    Code:
    background-color: hsla(25, 89%, 55%, 0.8);
    In dem Beispiel bestimmt die 0.8 die Transparenz: 1 = Vollfarbe, 0 = komplett durchsichtig. Zulässig sind Werte zwischen 0 und 1, als Komma ist der Punkt erforderlich.

    Gruss

    MrMurphy

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bilder auf transparentem Hintergrund ebenfalls transparent

    Yep! Perfekt!

    Jetzt klappt es genau so, wie ich wollte.
    Hast sogar meine Farbe genau getroffen

    Problem gelöst. Daumen hoch!
    Danke!

Ähnliche Themen

  1. hilfe zu transparentem hintergrund im inline-frame
    Von Quadroman im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 11.03.2008, 18:12
  2. Antworten: 8
    Letzter Beitrag: 15.10.2007, 18:27
  3. Bild mit transparentem Hintergrund erstellen...nur wie?
    Von Nemesis im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 31.05.2007, 13:12
  4. Text in Photoshop als GIF mit transparentem Hintergrund?
    Von wildfire im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 27.09.2006, 11:14
  5. PHP Hintergrund transparent ???
    Von Psyko88 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 14
    Letzter Beitrag: 17.06.2005, 18:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •