在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中禁用鏈接

回答

相關問題