0

嗨，最近我在我的代码中发现了这个错误。

这个链接“ http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas Ranch, Calistoga, California_Paradise with a Purpose.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

将网址更改为http://www.zendez.com/beta/files/retreatphotos/larges/idretreat70/Mayacamas%20Ranch,%20Calistoga,%20California_%20Paradise%20with%20a%20Purpose.jpg可能会起作用..

正如我在评论中所说，您的 url 没有正确urlencoded。网址不允许有空格。我假设浏览器知道如何处理 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

将您的网址放在引号中。那就是......你有：

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 中放置两个 Style 属性，因为最后一个样式可能无法正常工作。

于 2012-05-30T04:03:19.400 回答