Question

dreamweaver 按钮 我想用Css写一个按钮背景用的图片，但是预览时不显示图片，只显示Dreamweaver中默认的。

an {
font-family: "宋体";
font-size: 13px;
font-weight: bold;
color: #FFF;
height: 25px;
width: 80px;
background-image: url(../images/an.jpg);
background-repeat: no-repeat;
}
我有站点，css放在style里面了，在dreamweaver里面显示图片，预览就没有效果，这样写<label>
<input type="submit" name="Submit" class="baizi-14" style="background:url(images/an-4.jpg) no-repeat; width:80px; height:25px; border:none" value="查 询" />
</label>他预览就显示，我想在用css控制它方便我以后更改，这样写我要改就得每个页面都得改。
我在站点直接预览的，不显示。
这样写就好用了
<input type="submit" name="Submit" value="查 询" class="InputBtn"/>
这个加在CSS里面
.InputBtn{background:url(../images/an.jpg) no-repeat;
width:80px;
height:25px;
font-size: 13px;
font-weight: bold;
color: #FFF;
border:none
}

Answer 1

样式写在页面上是做网页的禁忌，尽量写在CSS里面！
下面是我给你弄的
<input type="submit" name="Submit" value="查 询" class="InputBtn" onmouseover="this.className='InputBtn_hover'" onmouseout="this.className=InputBtn" />

.InputBtn{background:url(images/an-4.jpg) no-repeat; width:80px; height:25px; font-size: 13px;
font-weight: bold; color: #FFF; border:none}
.InputBtn_hover{background:url(images/an-4.jpg) no-repeat; width:80px; height:25px; font-size: 13px; font-weight: bold; color: #FFF; border:none}

按钮和样式都弄过去，保证能用

Answer 2

那就是路径不对

Answer 3

正因为路径不是手写的，所以要查一下。