Html 背景图像在<;img>;要素

Html 背景图像在<;img>;要素,html,css,Html,Css,有人能帮我找到我的问题吗? 我有一个,将给他一个标签内的背景图像 以下是我的例子: <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" /> 背景色不适用于..:-(我的示例是一个JavaScrip

有人能帮我找到我的问题吗? 我有一个
,将给他一个
标签内的背景图像

以下是我的例子:

<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的原因


感谢您的帮助:-)

您正在摆脱引号,并已转置了第二个引号和括号

在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 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中?

您甚至不需要引号

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>

好吧,即使在背景中使用
div有点奇怪……)


,它正在工作

背景色:红色正被
背景:
取代

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



最后,如果您需要一个
alt
属性,它的内容将显示出来,因为没有源代码。如果添加
alt

为什么要转义引号,请使用透明图像?你确定URL中的前导
吗?除非我非常困惑,否则你为什么不使用它的SRC属性来调整img标记的BG?url中的前导
/
只是一个相对路径,我想为什么不使用src属性呢?为什么你需要使用背景图片?你在结束后逃过了引用)^^在阅读了问题和答案后,我突然想到了一个有趣的想法:你被解雇了!请注意,div在默认情况下显示为块图像是内联的。另外值得注意的是,您的背景色不起作用,因为您正在进一步否决它。可以使用
背景:红色url(…)
或使用
背景图像
。为什么“可以使用div”?如果元素的目的是显示一个图像,因为它是一个JavaScript字符串,那么图像元素肯定更有语义意义。哪个元素适合在标记中使用背景图像?