0
私は、ページの読み込み時に表示されるポップアップにcolorboxを使用しており、スクリプト内で幅と高さにインラインCSSを使用しています。しかし、私は小さい画面の幅と高さを変更するためにメディアクエリを使用する必要がありますが、CSSからコードにアクセスする方法はわかりません。私は幅と高さが現在あるIDとクラスを追加しようとしましたが、どれも動作していないようです。下記のコードを貼り付けると、現在使用されているインラインCSSが表示されます。私は私のCSS文書にその上に移動します:セレクタをMyiframeに追加する
<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>
これを追加しても、インラインスタイルを取り出してCSSに配置するたびに、表示されなくなります。そして、インラインスタイルをそのままにしておくと、CSSで追加しようとしているスタイルが無視されます。 – JackT
ブラウザの開発ツールで要素を調べると、スタイルが外れてしまいますか? JSを介してColorboxによって追加されたサイズを上書きするには、CSSで '!important'(例:' width:600px!important; ')を使用する必要があります。 –