<img>元素中的背景图像

Pat*_*rik 10 html css

有人可以帮我找到我的问题吗?我有一个<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" />
Run Code Online (Sandbox Code Playgroud)

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

感谢帮助 :-)

Roc*_*nie 11

你甚至不需要引号.

background:url(./images/system/button/close/close.png)
Run Code Online (Sandbox Code Playgroud)

如果可以,请使用div

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

  • 为什么'如果可以的话'使用div'?当元素的目的是显示图像时,图像元素肯定会更具语义感 (3认同)