Es gibt kein Attribut "allowtransparency"

Ich bin auf der Suche nach eine Alternative Möglichkeit, das zu tun:

<iframe transparency=true   ...

Wenn ich die W3C-Validierung ist, erhalte ich die Fehlermeldung:

Column 31: there is no attribute "allowtransparency"

Wenn diese CSS verwendet,

.iframe-trans-fix{
   opacity: 0;
   filter:alpha(opacity=0);
}

für das obige snippet bin ich immer ein leeres iframe.

InformationsquelleAutor der Frage Bharanikumar | 2010-09-18

  1. 31

    Während es stimmt, dass das W3C die HTML-Spezifikation nicht definieren, es ist ein Attribut allowTransparency, und es unterstützt alle modernen Browser (und Internet Explorer). Als HTML5 hat uns gelehrt, die Karre sein soll, bevor das Pferd.

    Angenommen, Sie haben diese HTML-Datei auf Ihrem Haupt-Seite, index.html:

    <html>
    <body>
        <iframe src="source.html" 
                allowTransparency="true" 
                style="background-color:lightgreen;" 
                width="400" height="200">
        </iframe>
    </body>
</html>

    Und Ihre source.html sieht wie folgt aus:

    <html>
    <body>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida, magna
           id bibendum sollicitudin, tellus tortor consequat enim, et mollis mauris 
           augue et dui. </p>
    </body>
</html>

    Beim öffnen der Hauptseite (index.html) in Ihrem browser, Sie werden sehen, der text von source.html in einem iframe, aber es wird einem hellgrünen hintergrund.

    (Getestet mit Safari, Firefox und Chrome auf Mac OS X und Internet Explorer 8 und Chrome auf Windows XP)

    Edit: Der Schlüssel ist: Die Quelle-Seite nicht Ihren eigenen hintergrund. Wenn es das tut, ignoriert die transparenten hintergrund.

    InformationsquelleAutor der Antwort james.garriss

  2. 12

    Ich bin mir nicht sicher, was Sie versuchen, hier zu tun, aber das sollte sein was du suchst: 

    iframe {
    background-color: transparent;
}

    Dies ist, natürlich, vorausgesetzt, dass Sie möchten, den hintergrund der iframe transparent sein.

    InformationsquelleAutor der Antwort Yi Jiang

  3. 4

    Gibt es eine Weise können Sie tun dies mit jQuery, wenn du die jQuery Datei - 

    <!--[if lt IE 9]><script> $(".classname").attr("allowTransparency", "true"); </script><![endif]-->

    Ändern .classname zu, dass Ihre iframe oder machen, wenn es nicht ein. (Nehmen Sie das Attribut aus dem iframe als auch)
    Stellen, die sofort nach den iframe schließen-tag und fügt es in die erforderliche allowTransparency tag für Browser, die vor dem IE9. Wie es in der IE-bedingte Anweisung, es nicht zu Lesen, durch den W3C-validator. Es verhindert auch cross-browser-Kompatibilität und Inhalt ausblenden Probleme mit dem hinzufügen von CSS -, die Leute haben bereits erwähnt, wenn Sie über die neueste jQuery-version sowieso. Das Attribut allowTransparency wurde mit einem klar definierten Zweck, also hat es keinen Sinn zu versuchen, es neu zu erstellen, mit CSS, wenn man einfach still legen.
    Hoffe, das jemand hilft!

    (Diese Methode setzt Voraus, Sie haben bereitsiframe {background-color:transparent}die funktioniert nicht auf älteren IE-Versionen)

    InformationsquelleAutor der Antwort Joe H

  4. 1

    Erstens, es gibt keine solche Sache wie " transparency="true"', also das wird nicht funktionieren.

    Zweitens sind Sie versuchen, den hintergrund transparent machen oder den gesamten iframe transparent?

    Die CSS-Eigenschaft "Deckkraft" macht alles drinnen was auch immer element, das Sie verwenden es auf transparenten. Deckkraft skaliert von 0 bis 1, wobei 0 für vollständig durchsichtig, 0,5 ist halb transparent, und 1 vollständig sichtbar ist.

    Wenn Sie diese auf ein div oder ein iframe (oder alles) der hintergrund und der text wird alle gleichermaßen verblasst.

    Auf der anderen Seite, in jedem modernen browser können Sie einstellen, der hintergrund teilweise transparent mit RGBA-Farbe. Sie sollten es so machen:

    iframe.transparent {
    background-color: #FFF; /*this gives a background color for browsers that can't do RGBA color, like internet explorer*/
    background-color: rgba(255,255,255,0.5);
}

    Den RGBA-Farb-definition funktioniert genauso wie die "Deckkraft" - Attribut (0 = klar, 1 = fest), außer es macht nur den bestimmten Artikel, die Sie legen Sie es auf transparent und hat keine Auswirkungen auf die Elemente innerhalb dieses Elements (dh es hat keinen Einfluss auf den text in Ihrem iframe). Die ersten drei zahlen sind die rot -, grün-und blau-Werte der Farbe auf einer Skala von 0 bis 255.

    Wenn Sie wollen eine bessere cross-browser-Lösung, obwohl, ich würde empfehlen, nur mit einem transparent .png-Datei als Hintergrundbild. Sie haben um dies zu testen auf IE, nicht sicher, ob es für ein iframe-spezifisch, aber man kann kein hintergrund auf dem iframe und legen Sie dann das transparente Bild als hintergrund der Seite, die Sie laden innerhalb des iframe (es gelten für das body-element für die Seite).

    Hoffe, das hilft!

    InformationsquelleAutor der Antwort Andrew

  5. 1

    1. Es ist kein HTML-Attribut namens transparencyso dass Sie immer einen Fehler mit iframe transparency=true

    2. wenn Sie setzen Sie die Deckkraft auf null sind, sehen Sie nicht die element - definieren Sie den Grad der Deckkraft:

      opacity: 0.25; /* all modern browsers */
filter: alpha(opacity=25) /* IE */

    Den obigen CSS (Hinweis: die Deckkraft-Werte 0-100 für DH, 0-1 für andere Browser), erlaubt anderen Elemente hinter (z.B. eine Seite hintergrund-Bild) zu zeigen, durch, auch, wenn Sie das element mit der Einstellung "Deckkraft" hat einen farbigen hintergrund.

    Mehr Kontrolle über Transparenz finden Sie unter RGBA (A = alpha)aber watch out für Variablen-browser-Unterstützung.

    InformationsquelleAutor der Antwort Dave Everitt

Schreibe einen Kommentar