我还没有找到解决方案.. 我的主页上的图片链接和ul li导航栏中的链接不起作用。我的链接在主页上的其他页面上工作... 从主页链接到主页确实有效。 我在IE和IEE中只有这个问题。适用于所有其他浏览器。
阻碍IE打开这些链接的方式是什么?该错误不在我的浏览器设置中。当我将鼠标悬停在它们上面时,IE会找到链接,但是当我点击链接时它不会做任何事情。
这是无效链接的代码:
这是按钮图像,3个中的1个
<div class="buttonlinks">
<div class="thumbnail">
<a href="modeling.html" style="text-decoration:none !important;"><img src="images/Knop1Layer.PNG" class="button"></a>
<div class="tekstblok">
<ul class="buttontekst">
<li>HEALTH ECONOMIC MODELS</li>
<li>BUDGET IMPACT</li>
<li>Art. 81 TOOLS</li>
<li>VALUE TOOLS</li>
<li>…</li>
</ul>
</div>
</div>
CSS:
.button {
width: 200px;
min-height: 80px;
margin: 0 auto;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
color: #000;
transition: all 0.3s linear;
justify-content: center;
display: inline-block;
line-height: 30px;
}
.button:hover{
opacity: 0.5;
background-color: #FEFEFE;
cursor: pointer;
}
这是ul li链接。
<header class="header"> <a href="home.html" style="text-decoration:none !important;">
<div class="logoheader"><img src="images/hebias-logo.jpg" alt="Hebias" class="logo"></div>
</a>
<nav class="navigate">
<ul>
<p> Tel. +32 55 690 017   info@hebias.be</p> <!---link outlook--->
</ul>
<ul>
<li> <a class="link" href="maactivities.html" style="text-decoration:none !important;">Links</a></li>
</ul>
</nav>
</header>
CSS:
a{
color: #7F7F7F;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
transition: all 0.3s linear;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #FFF;
}