我的href链接按钮不能在线工作

我刚刚在HTML5和javascript中创建了我的第一个网站，并且所有链接都脱机工作（双重和三重检查它），但是当我将它上载到主机服务器时，链接工作。任何人都可以给我任何建议吗？这里是我的链接按钮的示例：我的href链接按钮不能在线工作

<div> 
<center> 
<button style="margin-top:10px;margin-bottom:10px;height:25px;width:100px;font-size:14px"><a href="hoverB.html">Books</a></button> 
</center> 
</div>

来源

2017-02-22 Attila Ákos Szabó

有你把所有的文件在你的根文件夹？ –

嗨，是的，我做过，一切都在那里 –

定义“不工作”。怎么了？ – David

将一个锚标签放在按钮中。我假设你想要重定向用户，如果他们点击按钮。你可以做这样的事情：

例1：

<a href="page.html"><button type="button">Click on me</button></a>

例2：（推荐）

<button type="button" onclick="location.href='page.html'">Click on me</button>

我希望这会帮助你！

来源

2017-02-22 13:38:32 Jer

要不然你也可以添加使用CSS锚标记，使得它看起来像一个按钮

<a href="page.html" class="btn">Click on me</a> 

.btn:active { 
     position: relative; 
    top: 1px; 
    color: #fcd3a5; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
    background: -moz-linear-gradient(top, #f47a20, #faa51a); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); 
} 

.btn{ 
     display: inline-block; 
    zoom: 1; 
    vertical-align: baseline; 
    margin: 0 2px; 
    outline: none; 
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    font: 14px/100% Arial, Helvetica, sans-serif; 
    padding: .5em 2em .55em; 
    text-shadow: 0 1px 1px rgba(0,0,0,.3); 
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2); 
     color: #fef4e9; 
    border: solid 1px #da7c0c; 
    background: #f78d1d; 
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); 
    background: -moz-linear-gradient(top, #faa51a, #f47a20); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); 
}

JSFiddle

来源

2017-02-22 14:03:22

我的href链接按钮不能在线工作

回答

相关问题