Verlauf nach Transparenz

  • Grafik

  • Wuki151
  • 1165 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Verlauf nach Transparenz

    hi all,

    Ich habe mit PS ein bild erstellt das einen verlauf von schwarz nach transparent hat.. Nur schaff ich es nicht dieses Bild so auf die website einzubinden das es auch beim browser von schwarz nach transparent geht. (Drunter ist ein Bild) Es ist immer entweder ganz weiß oder nicht vollständig transparent. Bitte um Hilfe..

    ziel

    derzeitiger stand



    Greetz
    Wuki

  • habe 2 formate verwendet...
    zum editieren nehme ich den dreamweaver
    dateityp:
    zuerst .gif, hatte aber nicht funktioniert
    jz verwende ich .png


    code:

    Quellcode

    1. #sidebar {
    2. z-index:1;
    3. background-image:url("../img/sidebar.png");
    4. filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
    5. position:absolute;
    6. top: 0px;
    7. left: auto;
    8. right:0px;
    9. padding: 10px;
    10. border:0;
    11. background-color:#666666;
    12. voice-family: "\"}\"";
    13. voice-family:inherit;
    14. width:96px;
    15. height:870px;
    16. color:#CCCCCC;
    17. }
    Alles anzeigen

  • um dein ziel zu erreichen kannst du die deckkraft nicht runtersetzen.
    wenn du das macht, werden die pixel als vollfarbe genommen und transparenz eingefügt.
    was du machen kannst ist, das bild, das transparent ist, ohne hintergrund abspeichern (als png). dann fügst du das in css ein

    HTML-Quellcode

    1. background:transparent;
    2. background-image:url(bild.png);

    das sollte funktionieren.
    allerdings gehts nur bei ff nicht bei ie.
    für ie musste mal googlen wie klappen kann