Javascript html按钮的背景图像

Javascript html按钮的背景图像,javascript,html,Javascript,Html,我想用一些文本创建HTML按钮,还想为该按钮放置背景图像。我正在尝试下面的代码,但这不起作用。我已将test.png放在我的www目录中 <!DOCTYPE html> <html> <body> <input type="button" name="test" value="test" style="background:url('test.png') no-repeat 0 0; width:100px;height=50px;background-

我想用一些文本创建HTML按钮,还想为该按钮放置背景图像。我正在尝试下面的代码,但这不起作用。我已将test.png放在我的www目录中

<!DOCTYPE html>
<html>
<body>
<input type="button" name="test" value="test" style="background:url('test.png') no-repeat 0 0; width:100px;height=50px;background-color: transparent" ></input>
</body>
</html>

尝试
背景图像
而不是
背景
背景:url('test.png')不重复0;宽度:100px;高度=50px;背景色:透明

应该是:

background:透明url('test.png')不重复0;宽度:100px;高度:50px;“


在旁注中,您应该尽可能避免使用内联样式。

您这样定义了高度
height=50px;
这是错误的语法

在样式属性中编写css时语法正确:
height:50px;

编辑:

还要检查图像路径是否正确,或者图像是否存在于给定路径上。

请尝试以下操作:

<input type="button" name="test" value="test" style="background:transparent url('test.png') no-repeat 0 0; width:100px;height:50px;" />


另外,请注意height:50px而不是height=50px,我使用了下面的HTML,一切正常

<input type="button" name="test" value="test" style=" background: url('http://www.training-industry.co.uk/assets/images/Take_Test.png') no-repeat 0 0;
width:130px;
height:130px;
background-color: transparent;" />


看看这把小提琴,并与你的代码进行比较:

你的图像url不正确。图像在HTML所在的同一文件夹中?我尝试了类似的东西,但也不起作用。是的,它在同一文件夹中。它在wwwIf中,我把它放在浏览器中,我可以看到图像…使其
高度:50px
,我可以同意:-)这两行代码是等效。允许从
background
属性中省略颜色(在这种情况下,它默认为
transparent
)。这是正确的,但不会阻止背景图像显示。它将有助于显示背景。仅当问题是仅显示部分背景时。