可点击的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背景图片

回答

相关问题