Question

css按钮背景图片不显示

我用css设置了按钮的背景图片，在Dreamweaver中能看到，但是运行后又回到了原来的样式，这是怎么回事？
还是不行啊，在设计页面上可以看到图片已经显示，但是运行就不显示了

Answer 1

为什么不直接使用input type="image"来实现呢?

<style type="text/css"> /* Css样式要放到页面头部，而且要加上<style> */
.btn {
color: #FFFFFF;
background-image: url(../hx_login/images/login_b1.jpg);
line-height: 15px;
height: 20px;
width: 60px;
margin: 10px 0 0 20px; /*margin-top 和 margin-left 一句就可以实现了 */
border: none; /* border-top\left\right\bottom 也可以缩到一句 */
}
</style>

<div id="right02">
<form id="form1" name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<label><input name="login_b1" type="submit" class="btn" value="提交"></label>
</td>
</tr>
</table>
</form>
</div>

这样就可以运行了,仍不明白可以加QQ:492373291

(当然你图片位置不要弄错)

Answer 2

应该是图片路径不对，具体参考以下代码
<style>
.zzjs_net {
font: 12px Tahoma, Verdana;//设置文字大小、字体
padding: 0 5px;//设置间距
color: #D3E0E7;//文字颜色

background-image: url("/img/2010bu.gif");//背景图片路径
background-repeat: repeat-x;//横向不重复
background-position: 0 50%;
outline: 1px solid #D3E0E7;
border: 1px solid #FFF !important;//边框
height: 19px !important;//高度
border: 1px solid #D3E0E7;//边框
height: 21px;//高度
line-height: 17px;//行度
}
</style>

<input class="zzjs_net" type="submit" name="rulesubmit" value="同 意" style="height: 23px">“同意”按钮
<input class="zzjs_net" type="button" name="return" value="不同意" style="height: 23px">“不同意”按钮

Answer 3

我先要顶一下楼下的朋友，他说的很对，用HTML自带的按钮还不如用IMG按钮呢。
还有你的代码是没有问题的，我测试了一下是可用的，但是我不知道你图片所给的路径是否正确，你尝试着把你的HTML文件放到图片目录里，测试一下就知道问题所在了。