html - 无法在网页上显示按钮

Question

这可能很容易，但一直在挠头，为什么它现在暂时不起作用。

我有一个我想用作按钮的 jpg 图像和一些我想在其上显示的文本。我正在尝试在 html 和 css(2.1) 中执行此操作。

html是：

<a href="page2.aspx" class="dash_button">Some Text</a>

CSS是：

a.dash_button
{
   display:block;
   width:559px;
   height:55px;
   text-align:left;
   line-height:55px;
   background:transparent url("./images/dashboard_button.jpg") no-repeat;
   text-decoration:none;
   color:Blue;
}

从我读过的所有帖子中，这应该有效。我正在使用 VS2010 并在 IE10 中进行测试

Answer 1

您必须检查图像路径并检查 css 样式

a.dash_button

{
display:block;
width:559px;
height:55px;
text-align:left;
line-height:55px;
background:url("../images/dashboard_button.jpg") no-repeat transparent;
text-decoration:none;
color:#3399cc;
}

Answer 2

你为什么不使用和输入按钮并使用 CSS 让它看起来像你想要的样子？不是答案，只是建议。我认为这样做会更简单。