可點擊的jumbotron背景圖片

我正在使用jumbotron背景圖片，我希望圖片可點擊。當我點擊圖片時，它應該重定向到另一頁。我該如何做？可點擊的jumbotron背景圖片

<div class="jumbotron"> 

</div> 

.jumbotron{ 
background:url(../images/jumb.jpg) no-repeat center center; 
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    background-size: 100% 100%; 
    height:400px; 
}

來源

2016-02-26 user5945554

http://stackoverflow.com/questions/27941876/how-to-redirect-to-another-page-using-angular-js，http://stackoverflow.com/questions/18875467/redirect -to-新頁面中，angularjs，使用定位 –

試試這個，

.jumbotron{ 
 
background:url('../images/jumb.jpg') no-repeat center center; 
 
    -webkit-background-size: 100% 100%; 
 
    -moz-background-size: 100% 100%; 
 
    -o-background-size: 100% 100%; 
 
    background-size: 100% 100%; 
 
    height:400px; 
 
}

<a href="http://google.com"><div class="jumbotron"> 
 
</div></a>

來源

2016-02-26 07:38:02

你可以簡單地換一個錨標記內的超大屏幕，並給出明確的路徑，定位標記的href屬性。其餘的代碼是完美的，因爲它是。像這樣

<a href="http://www.google.com" target="_blank"> 
    <div class="jumbotron"> 

    </div> 
</a>

可選屬性target="_blank"打開一個新標籤，而不是相同的鏈接。如果不需要，請將其移除。

注意：http://協議在這裏很重要，否則它將重定向到您的當前項目目錄中的該網址，如www.google.com。

來源

2016-02-26 07:44:05

可點擊的jumbotron背景圖片

回答

相關問題