主页上的链接不会在IE中打开

时间:2018-01-11 19:40:39

标签: html css internet-explorer-11

我还没有找到解决方案.. 我的主页上的图片链接和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 &emsp; 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;

}

0 个答案:

没有答案