0

对我来说似乎是一个非常奇怪的问题，但该网站 (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>
4

1 回答 1

1

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

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

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

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

2）使用body:before放置固定位置的上边框来隐藏滚动时的溢出：

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;
}
于 2013-10-09T11:32:31.413 回答