我的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鏈接按鈕不能在線工作

回答

相關問題