因此,我可以使用
<INPUT type="image" src="/images/Btn.PNG" value="">
但是,我无法使用CSS获得相同的行为.例如,我试过
<INPUT type="image" class="myButton" value="">
其中"myButton"在CSS文件中定义为
.myButton {
background:url(/images/Btn.PNG) no-repeat;
cursor:pointer;
width: 200px;
height: 100px;
border: none;
}
如果这就是我想要做的,我可以使用原始样式,但我想更改鼠标悬停时按钮的外观(使用myButton:hover
类).我知道这些链接很好,因为我已经能够为页面的其他部分加载背景图像(作为判断).我在网上找到了如何使用JavaScript的例子,但我正在寻找CSS解决方案.
我使用的是Firefox3.0.3,如果这有什么不同的话.