在Internet Explorer中禁用链接

对我来说似乎是一个非常奇怪的问题，但本网站上的链接（www.dartsocialmedia.co.uk/bird）在Internet Explorer中禁用。它似乎在我测试过的所有其他浏览器上正常工作。问题似乎是Internet Explorer不能将它们识别为链接。在Internet Explorer中禁用链接

任何想法是什么问题？

编辑：此外，表单输入不被识别为这样。

这里的HTML头：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>bird</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/css/bootstrap.css" rel="stylesheet" media="screen"> 
    <link href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/css/bootstrap-responsive.css" rel="stylesheet" media="screen"> 
    <link href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/style.css" rel="stylesheet"> 
    <link href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/css/font-awesome.min.css" rel="stylesheet"> 
    <link href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/css/custom-responsive.css" rel="stylesheet"> 
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'> 
    <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700' rel='stylesheet' type='text/css'> 
    <link rel="icon" type="image/ico" href="http://www.dartsocialmedia.co.uk/bird/wp-content/themes/birdtheme/img/favicon.ico"> 
    <meta name='robots' content='noindex,nofollow' /> 
<link rel='stylesheet' id='admin-bar-css' href='http://www.dartsocialmedia.co.uk/bird/wp-includes/css/admin-bar.min.css?ver=3.5.2' type='text/css' media='all' /> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.dartsocialmedia.co.uk/bird/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.dartsocialmedia.co.uk/bird/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.5.2" /> 
<style type="text/css" media="print">#wpadminbar { display:none; }</style> 
<style type="text/css" media="screen"> 
    html { margin-top: 28px !important; } 
    * html body { margin-top: 28px !important; } 
</style> 
    </head>

来源

2013-10-09 babbaggeii

**请显示一些代码** –

我真的不知道从哪里开始。有几个CSS文件，但我想不出有什么可能导致它 - 这是一个奇怪的错误。如果有帮助，我已经发布了HTML头。 – babbaggeii

这是您的网站吗？或者你是否将它用作_design inspiration_？ –

它接缝，在第5行事业的问题你的CSS文件z-index: 999。

我建议你改变你的CSS bacause body:before重叠整个窗口：

1）实现边境进入体内元素中，添加：

body { 
    border: 5px solid #dd127b; 
    width: auto; 
    margin: 10px; 
}

2）使用体：前放置有固定的位置上边框滚动时隐藏溢出：

body:before { 
    border-bottom: 5px solid #dd127b; 
    display: block; 
    content: ''; 
    position: fixed; 
    top: 0; 
    left: 10px; 
    right: 10px; 
    background: #111; 
    padding-top: 10px; 
    z-index: 999; 
}

3）用身体：后放置在底边框：

body:after { 
    border-top: 5px solid #dd127b; 
    display: block; 
    content: ''; 
    position: fixed; 
    bottom: 0; 
    left: 10px; 
    right: 10px; 
    background: #111; 
    padding-bottom: 10px; 
    z-index: 999; 
}

来源

2013-10-09 11:32:31

这是边缘的边缘。那么这就隐藏了下面的内容？ – babbaggeii

你可以把这个CSS：id =“mobile-nav-list”和class =“scrollPage”？ – ZaoTaoBao

比使用body更好：在使用wrapper之前或直接将边框实现到body元素。 –

在Internet Explorer中禁用链接

回答

相关问题