将我的Logo链接到主页html

我想让我的标题在我的标题中可点击并链接到主页，但我不知道如何做到这一点。将我的Logo链接到主页html

我的代码：

导航菜单：

HTML

<div id="myMenu"> 
      <div class="myWrapper"> 
       <nav> 
        <div class="logo"></div> 
       </nav> 
      </div> 
     </div>

CSS

#myMenu 
{ 
    width: 100%; 
    height: 30px; 
    z-index: 999; 
    background-color: #252e30; 

} 
.myWrapper 
{ 
    max-width: 660px; 
    margin: 0 auto; 
} 

.logo 
{ 
    display: inline-block; 
    width: 156px; 
    height: 30px; 
     margin-top: 5px; 
     background-size: auto 43px; 
    background-image: url(../images/mylogo.png); 
    background-repeat: no-repeat; 
}

我想我的标志使点击并链接到页面：Homepage.cshtml

来源

2013-02-08 Maarten Verstraten

只要把它放在一个锚标记''。 – 2013-02-08 15:11:07

-1

使用<a>而不是<div>作为徽标。

来源

2013-02-08 15:10:36

您最好使用包裹在锚标签中的图像。

，但没有别的这应该工作：

<div class="logo" onclick="window.location.href='homepage.html'"></div>

来源

2013-02-08 15:11:16

这是不好的做法，因为它会在没有JavaScript的浏览器中打开（或禁用它）。 – 2014-07-27 09:44:37

你不能让一个背景图片的链接。将图像移动到HTML代码中，然后创建一个链接。

来源

2013-02-08 15:11:54 digitalfrenchfry

这是误导。元素可以具有背景图像并被链接，从而使背景图像成为链接。 – MikeSmithDev 2013-02-08 15:44:39

而不是使用CSS将您的徽标设置为背景图片，使用由链接围绕的img标记会出现什么问题？像这样：

<div id="myMenu"> 
    <div class="myWrapper"> 
    <nav> 
    <a href="/"><img src="../images/mylogo.png" height="30" width="156" /></a> 
    </nav> 
    </div> 
</div>

这具有更容易获得，这使得搜索引擎机器人快乐（特别是如果你在你的标志使用alt属性）的额外好处。向用户传达意义的图像内容不应该使用CSS来设置赌注。

来源

2013-02-08 15:12:01

<div id="myMenu"> 
     <div class="myWrapper"> 
      <nav> 
       <a href="Homepage.cshtml"><div class="logo"></div></a> 
      </nav> 
     </div> 
    </div>

来源

2013-02-08 15:12:33

在div上的链接？废话 – soyuka 2013-02-08 15:12:58

废话？它的工作不是它.. – 2013-02-08 15:21:58

ofc它的工作，但我不认为它是有效的W3C – soyuka 2013-02-08 15:23:01

将我的Logo链接到主页html

回答

相关问题