0

こんにちは最近、コードにこのバグが見つかりました。

このリンク「http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/MayacamasRanch、Calistoga、California_ ParadisewithaPurpose.jpg」と一緒に使用すれば安全です

<img scr="http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas Ranch, Calistoga, California_ Paradise with a Purpose.jpg">

しかし、少なくとも私が使用した場合、画像は表示されません

<div style="background:url(http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas Ranch, Calistoga, California_ Paradise with a Purpose.jpg)" style="width:100%; height:300px"></div>

imgには有効であるが、バックグラウンドには無効である理由を知っていますか？どんな提案も素晴らしいでしょう。

4

3 に答える 3

1

URLをに変更するhttp://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas%20Ranch,%20Calistoga,%20California_%20Paradise%20with%20a%20Purpose.jpgとおそらく機能します。

コメントで言ったように、あなたのURLは適切にurlencodedされていません。URLはスペースを許可されていません。ブラウザはimgタグの不適切に記述されたsrc属性を処理する方法を知っていると思いますが、cssでは失敗します。おそらく次のようにURLを引用符で囲んでいないためです。

background:url('http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas Ranch, Calistoga, California_ Paradise with a Purpose.jpg');

いずれにせよ、ファイル名のスペースをすべて一緒に避けるようにしてください。そうすれば、頭痛の種が少なくなります。

于 2012-05-30T03:57:49.377 に答える
1

URL を引用符で囲みます。それは...あなたが持っている：

background:url(http://yadda/yadda.jpg);

次のように変更します。

background:url('http://yadda/yadda.jpg');

これを行うと、スペースとスペースの両方が%20. ファイル名は常にシンプルにするようにしてください。句読点とスペースは、ファイルシステムまたはプログラミング環境によって適切に処理されない場合があります。

とにかく、引用はあなたの友達です。

また、スタイルをインラインで埋め込むのではなく、タグに入れることを検討してください。

<head>
<style type="text/css">
  .foo {
    background:url=('http://yadda/yadda.jpg') no-repeat;
  }
</style>
</head>

<body>
<p class="foo">Hello, world.</p>
</body>
于 2012-05-30T04:08:59.097 に答える
0

最後のスタイルが正しく機能しない可能性があることを考慮して、divに2つのStyle属性を配置しないでください。

于 2012-05-30T04:03:19.400 に答える