Html 如何使此链接覆盖更大的区域而不暴露下面的文字？

如果您将鼠标悬停在导航栏中的单词上，您可以看到它们进行了一些转换。现在，要实现这种悬停效果，您不需要将光标直接放在单词上，您可以将光标放在单词下方或上方的任何位置，它仍然会激活转换

现在的问题是，要进入另一个页面，你必须直接点击单词。我希望能够点击链接，即使我的鼠标略高于/低于单词

这是我的建议

HTML

正文{
背景图像：url（'../images/geometry2.jpg'）；
}
.家庭成员{
显示：无；
}
标题{
填充：0！重要；
边距：0！重要；
字体系列：“Raleway”，无衬线字体！重要；
}
标题导航a{
颜色：#fff！重要；
字体系列：“Raleway”，无衬线字体！重要；
}
.navbar nav>li{
颜色：#fff！重要；
字体系列：“Raleway”，无衬线字体！重要；
}
收割台导航李：悬停a，收割台导航李。激活a{
颜色：#ecf0f1！重要；
}
收割台导航li：悬停，收割台导航li.active{
颜色：#ecf0f1！重要；
}
.navbar默认值.navbar切换.图标栏{
背景色：#fff；
}
.navbar默认值.navbar切换{
边框颜色：#fff；
}
.linkContain{
位置：绝对位置；
}
@媒体屏幕和屏幕（最大宽度：767px）{
.navbar导航>li.菜单小标题.navbar导航>li.触摸标题.navbar导航>li{
背景#0e6957；
}
}
.头衔{
宽度：100%；
边缘顶部：120px；
文本对齐：居中；
字体系列：'Lato'，无衬线，衬线；
字体大小：50px；
颜色：#2d2d；
}
.图片-3{
边缘顶部：30px；
}
.燃烧类型{
宽度：80%；
保证金：40px自动0自动；
}
.阴燃{
宽度：80%；
保证金：40px自动0自动；
}
.阴燃img{
宽度：100%；
}
.查看按钮{
宽度：100%；
高度：50px；
线高：50px；
背景：#16a085；
颜色：#fff；
字体大小：24px；
}
.查看按钮：悬停{
背景#0e6957；
}
.关于部分{
宽度：80%；
保证金：自动；
}
.资讯标题{
字体系列：'Lato'，无衬线，衬线；
}
.信息标题2{
字体大小：35px；
字体系列：'Lato'，无衬线，衬线；
}
.信息子弹{
字号：18px；
}
.infoIntro{
字号：18px；
}
.infoLink{
颜色：#3aa5d2；
}
页脚{
高度：100px；
背景：#148d75；
颜色：#fff；
字体大小：23px；
}
页脚a{
颜色：#fff；
}
页脚a：悬停{
文字装饰：无；
颜色：#4cbceb；
}
.版权所有{
边缘顶部：15px；
}
社交按钮{
利润上限：-10px；
页边距底部：0；
}
.社交按钮{
文本对齐：居中；
}
.fa脸谱网{
宽度：50px；
高度：50px；
显示：块；
背景图像：url（'../images/home/icons/facebook.svg'）；
背景重复：无重复；
过渡：全部为0.4s；
}
.fa facebook：悬停{
背景图像：url（'../images/home/icons/facebookHover.svg'）；
}
.fa推特{
宽度：50px；
高度：50px；
显示：块；
背景图像：url（'../images/home/icons/twitter.svg'）；
背景重复：无重复；
过渡：全部为0.4s；
}
.fa推特：悬停{
背景图像：url（'../images/home/icons/twitterHover.svg'）；
}
上半针{
宽度：80%；
保证金：自动；
文本对齐：居中；
字体大小：35px；
颜色：#2d2d；
}
1.topScents{
宽度：80%；
保证金：20px自动0自动；
}
.buyNow{
宽度：80%；
保证金：自动；
高度：40px；
线高：40px；
字体大小：25px；
颜色：#fff；
}
.buyNow{
宽度：80%；
保证金：自动；
高度：40px；
线高：40px；
字号：18px；
颜色：#fff；
背景：#148d75；
边界：无；
填充：0px！重要；
过渡：均为0.3秒；
-ms转换：所有0.3秒
}
.buyNow:hover{
背景#0e6957；
}
.moreInfo{
宽度：80%；
利润率：5倍自动0-4倍；
高度：40px；
线高：40px；
字号：18px；
颜色：#fff；
背景#34495e；
填充：0px！重要；
边界：无；
过渡：均为0.3秒；
-ms转换：所有0.3秒
}
.moreInfo:悬停{
背景#2c3e50；
}
.btn{
填充：0；
}
.navbar默认值.navbar nav>li>a{
填充：0；
}
a{
-webkit过渡：颜色200ms线性；
-moz过渡：颜色200ms线性；
过渡：颜色200ms线性；
}
身体{
/*背景：@bg光*/
背景：#fff；
字体系列：“Raleway”，无衬线；
字体大小：13px；
颜色：#999999；
大纲：无；
}
body.home{
背景：#fff；
}
*,
A.
按钮
输入，
*：焦点，
答：焦点，
按钮：焦点，
输入：焦点{
大纲：无！重要；
}
.居中{
浮动：无；
保证金：0自动；
}
诺依顿先生{
字体系列：“Neuton”，衬线；
}
诺依顿·鲍德先生{
字体系列：“Neuton”，衬线；
字号：700；
}
.neuton_italic{
字体系列：“Neuton”，衬线；
字体：斜体；
}
罗尔先生{
字体系列：“Raleway”，无衬线；
}
罗勒先生，中等{
字体系列：“Raleway”，无衬线；
字号：500；
}
雷尔乌·博尔德先生{
字体系列：“Raleway”，无衬线；
字号：700；
}
h1，
h2，
h3，
h4{
字体系列：“Neuton”，衬线；
颜色：#9a8e87；
}
h1{
字体大小：48px；
线高：45px；
}
氢{
字体大小：25px；
线高：22px；
}
a{
颜色：#666；
}
a:悬停，
a:焦点{
文字装饰：下划线；
颜色：#333333；
}
.触摸，触摸隐藏{
显示：无；
}
.禁止触摸。触摸显示{
显示：无；
}
.触摸，触摸秀{
显示：块；
}
.btn{
字体系列：“Raleway”，无衬线；
字号：500；
字体大小：13px；
文本转换：大写；
边界半径：0；
-webkit边界半径：0；
填充：15px 45px；
-webkit转换：所有200ms线性；
-moz转换：所有200ms线性；
过渡：所有200ms线性；
背景#e2dbd7；
颜色：#fff；
}
.btn:悬停，
.btn：焦点，
.btn：活动，
.btn.active，
.open.dropdown-toggle.btn{
颜色：#ffffff；
背景色：#b5afac；
}
.btn红色{
颜色：#ffffff；
背景色：#cc3300；
}
.btn红色：悬停，
.btn红色：焦点，
.btn红色：活动，
.btn-red.active，
.open.dropdown-toggle.btn-red{
颜色：#ffffff；
巴克