Question

对我来说似乎是一个非常奇怪的问题，但是这个网站上的链接（www.dartsocialmedia.co.uk/bird）在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>

Answer 1

它会在第5行的css文件中找到z-index: 999导致问题。

我建议您更改CSS，因为body:before与整个窗口重叠：

1）将边框实现到body元素中，添加：

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放置底部边框：

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;
}

在Internet Explorer中禁用链接

1 个答案: