0

http://jsfiddle.net/fqnGT/

在我上面的小提琴中,我的鼠标光标在按钮的右侧和左侧获得了水平的不明超链接,我不知道为什么。

<a href="newgame.html"><div class="startnewgame">START NEW GAME</div></a>

在此处输入图像描述

4

6 回答 6

3

根据 W3C 标准,你不应该把标签放在div里面。a正确的做法是,

<div><a href="newgame.html" class="startnewgame">START NEW GAME</a></div>

查看您的演示,http://jsfiddle.net/fqnGT/2/

于 2013-09-17T11:40:27.157 回答
2

不允许div在锚标记中使用 a。改用span- http://jsfiddle.net/fqnGT/1/

更新: 设置display: inline-block嵌套跨度 - http://jsfiddle.net/fqnGT/8/

于 2013-09-17T11:35:57.470 回答
0

最简单的方法

编辑

<a href="newgame.html" class="startnewgame">START NEW GAME</a>

http://jsfiddle.net/fqnGT/4/

于 2013-09-17T11:35:10.227 回答
0

将类添加到您的链接:

<a href="newgame.html" class="link">

添加这个:

a.link{
display: block;
float: left;
margin-left:100px;
}

并编辑:

.startnewgame {
width: 298px;
padding: 20px;
color: white;
background: blue;
font-family: Arial;
font-size: 32px;
font-weight: 900;
}
于 2013-09-17T11:37:56.663 回答
0

startnewgame样式类上覆盖display

display: inherit

编辑:(在带有 div 的原始来源上)

于 2013-09-17T11:46:28.957 回答
0

您可以稍微更改标记和 css:

html标记:

<div class="startnewgame"> 
    <a href="newgame.html">START NEW GAME</a>
</div>

CSS:

.startnewgame {
     width: 298px;
     padding: 20px;
     margin-left: 100px;
     background: blue;
     font-family: Arial;
     font-size: 32px;
     font-weight: 900;
}
.startnewgame a {
     color: white;
}
.startnewgame a:hover {
     cursor: pointer;
     color: yellow;
}

演示小提琴

于 2013-09-17T11:48:43.477 回答