Fancybox v2 – entfernen Sie den weißen hintergrund?

Ich werde mein bestes versuchen, dies zu erklären -->

Ich bin mit Fancybox und alles funktioniert Super. Hier kommt das Problem.

Möchte ich entfernen Sie den weißen hintergrund sowie der Schatten des iframe-pop, nicht das overlay!
Ich habe versucht, das Spiel mit den css-Dateien, die nicht wirklich funktionieren...

Wenn Sie klicken Sie auf die "#1" square können Sie sehen, was ich meine : http://testingpage.de/
(Ich zerstört das Hintergrundbild auf Zweck zu sehen, der weiße bg.)

Vielen Dank für jegliche Hilfe und Ratschläge!

UPDATE:

Wegen die hilfreichen Tipps, die ich bekommen konnte loszuwerden, die weiße Hintergrundfarbe der Bilder. Funktioniert es immer noch nicht für iframe...

entfernen Sie diese beiden Regeln von Linie 41 der fancybox css: -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); und der box-shadow sollte entfernt werden
problem 1/2 gelöst, danke! Jetzt muss ich nur haben, um loszuwerden, den weißen bg...
Was passiert, wenn Sie Sie auslösen, etwas, das nicht in einem iframe in einer fancybox?
Die Transparenz funktioniert, wenn ich die trigger ein normales Bild. Das problem scheint zu sein, iframe...
haben Sie versucht, entfernen die Hintergrundfarbe in der fancybox Optionen? probieren Sie etwas wie dieses: stackoverflow.com/questions/16482779/...

InformationsquelleAutor Costa | 2013-11-25

  1. 6

    Nicht Bearbeiten müssen, müssen Sie die original-css-Datei ... fügen Sie einfach diese in Ihrer benutzerdefinierten css-Datei und nach dem laden der fancybox css-Datei 

    .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 0;
       -moz-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
}

    dann Ihr Skript

    $(".fancybox").fancybox({
    padding: 0 //remove white border
});

    Sehen JSFIDDLE

    BEARBEITEN :

    Für einen voll transparenten hintergrund, fügen Sie auch

    .fancybox-skin {background: transparent}

    in Ihrer benutzerdefinierten css-Datei

    Finden Sie in den aktualisierten JSFIDDLE

    HINWEIS: diese machen fancybox transparent, SONDERN den hintergrund Ihrer iframe Inhalt (body, html) sollte transparent sein, zu

    Danke, aber ich will nicht nur den Rahmen zu entfernen. Ich möchte entfernen Sie den weißen hintergrund hinter dem Bild. Ich beigefügt ein screenshot zur Verdeutlichung. Der weiße Bereich transparent statt weiß: i.imgur.com/gPu9daM.png
    siehe meine Antwort bearbeitet
    Danke! Es ist transparent für Bilder, die das iframe-bg ist immer noch weiß.
    Sie Bearbeiten müssen (individuell) das css der Seiten geöffnet innerhalb des iframe, denn bisher haben Sie css-hintergrund - #fff Eigenschaft

    InformationsquelleAutor JFK

Schreibe einen Kommentar