1

以下に示すように、まったく問題なく動作するページを作成しました。

代替テキスト

しかし、フォルダーをコピーして、WAMPサーバーを使用してlocalhostC:\wamp\www\myFolderから実行すると、次のようになります

代替テキスト

問題は、添付のスタイル シートが機能せず、Java Script が機能しないことです。

下記参照 代替テキスト

  • ここに緑色の点が表示されているところに、画像が正常にロードされています...
  • ピンクのドットが表示されている場所は、画像がロードされていません
  • 黒い点が表示されている場所..赤いセクションの5つのボックス...それらはJavaScriptのロールオーバー画像であり、ロードされましたが機能していません..ロールオーバー画像の上にマウスを置いても表示されません
  • 黄色いボックスが表示されている右上に..リンクとテキストボックスとボタンにはcssスタイルが添付されていますが、これは機能していません...

何が起こっていますか

4

3 に答える 3

0

画像が間違った場所にあるようです。

デフォルトでは、WAMP は C:\www を指します。CSS/HTML 内の画像が「/images/example.png」で参照されている場合、Apache はこのリクエストを次のように解釈します。

"フォルダ C:\www\images\ でファイル example.png を探します"

ディレクトリ「/myFolder/images/」を画像 URL に追加するか、CSS ファイルから相対的な画像を参照する必要があります。

これは、css ファイルが C:\www\myFolder にあり、画像フォルダーが C:\www\myFolder にある場合、css 内の画像は次のように宣言されることを意味します。

url('images/example.png');

末尾のスラッシュが削除されていることに注意してください。これは、ルート ディレクトリ (C:\www) からではなく、CSS からの相対であることを意味します。

それが役立つことを願っています。

于 2010-08-25T21:05:31.473 に答える
0

アセット (css および js) が正しく提供されていない可能性がありますか?

Firefox でページのソースを表示すると、css リンクをクリックできるようになります。それを実行して、CSS に移動するかどうかを確認してください。そうでない場合は、答えがあります - アセットのパスが間違っています。

于 2010-08-25T13:51:00.407 に答える
-2

私のリンクは次のようなものでした

href=".\images\image.png"

それらをに変更しただけです

href=".\images/image.png"

サーバーは本来あるべきことを行っていました...

于 2010-08-26T09:54:21.533 に答える