Hinzufügen eines Selektors zu meinem Iframe

Ich verwende colorbox für ein Popup, das beim Laden der Seite angezeigt wird, und es verwendet Inline-CSS für Breite und Höhe innerhalb des Skripts. Allerdings muss ich Medienabfragen verwenden, um die Breite und Höhe für kleinere Bildschirme zu ändern, aber ich weiß nicht, wie ich von meinem CSS auf den Code zugreifen kann. Ich habe versucht, eine ID und eine Klasse hinzuzufügen, wo die Breite und Höhe derzeit sind, aber keiner von ihnen scheint zu arbeiten, und ich habe sehr, sehr begrenztes Wissen davon. Den folgenden Code einfügen, um das Inline-CSS anzuzeigen, das derzeit verwendet wird. Ich mag, dass zu meinem CSS-Dokument verschieben:Hinzufügen eines Selektors zu meinem Iframe

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script> 
<script> 
    function openColorBox(){ 
    $.colorbox({iframe:true, width:"600px", height:"450px", href: "popup.html"}); 
    } 

    setTimeout(openColorBox, 5000); 
</script>

Quelle

2016-11-20 JackT

Die Colorbox API definiert einen className Parameter eine Klasse hinzuzufügen.

Quelle

2016-11-20 18:50:58

Auch wenn ich das hinzufüge, jedes Mal, wenn ich die Inline-Styles herausnehme und in mein CSS lege, wird es nicht mehr angezeigt. Und wenn ich die Inline-Stile dort behalte, ignoriert es die Stile, die ich in meinem CSS hinzufügen möchte. – JackT

Werden die Stile durchgestrichen, wenn Sie das Element in den Entwicklungstools Ihres Browsers untersuchen? Möglicherweise müssen Sie '! Wichtig' in Ihrem CSS verwenden (Beispiel:' width: 600px! Wichtig; '), um die von Colorbox über JS hinzugefügten Größen zu überschreiben. –

Hinzufügen eines Selektors zu meinem Iframe

Antwort

Verwandte Themen