Question

有人可以帮我找到我的问题吗？我有一个<img />并会在<a>代码中为他提供背景图片。

以下是我的例子：

<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url(\'./images/system/button/close/close.png)\' no-repeat" />

背景 - 颜色不起作用.. :-(我的例子是一个JavaScript字符串，这就是我逃避URL的原因

感谢您的帮助： - ）

Answer 1

你甚至不需要引号。

background:url(./images/system/button/close/close.png)

如果可以，请使用div

<div style="height:20px; width:20px; padding:9px; background:url(./images/system/button/close/close.png) no-repeat red"></div>

Answer 2

您正在转发引号并转换第二个引号和括号。

在CSS中：

url('foo')   /* is technically fine but broken on IE/Mac */
url(foo)     /* is fine */
url('foo)'   /* is not fine */
url(\'foo\') /* is not fine */

正如Ross在评论中指出的那样，您的src属性丢失了。我认为在具有半透明背景的图像上设置背景图像将起作用，但如果您没有内容图像，请不要使用<img>元素（并且不要隐藏任何内容图像在background-image属性中有。）

Answer 3

不明白为什么要逃避报价。

 <img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url('./images/system/button/close/close.png') no-repeat" />

这有用吗？

你确定吗？在URL？

Answer 4

background-color:red;正被background:取代。

结合你的背景。然后，您可以通过删除背景的URL（）中的引号和URL中的句点来进一步优化它。如果它是相对于页面的位置，只需删除反斜杠。

<img border="0" style="display:block; width:20px; height:20px; padding:9px; background:#F00 url(images/system/button/close/close.png) no-repeat" />

最后，如果您需要alt属性，则其内容将显示，因为没有来源。如果添加alt，请使用透明图片。

Answer 5

好吧，即使为此使用<img/>标签也很奇怪。（这不是它的目的，使用src或div背景......）

Here，它正在运作

背景 - <img/>元素中的图像

5 个答案: