爲什麼在IE中我的wordpress頁面的CSS不能正常工作，但是當應用於非wordpress靜態頁面在IE中工作正常嗎？

我創建了一個4節的網頁，其中一個鏈接是關於「新聞」，是動態的。正如你所知道的，我必須在wordpress中創建一個我原創設計的自定義主題，以便我可以實現它。 CSS在靜態網頁和單個wordpress上的所有瀏覽器上都能正常工作。但是，當涉及到Internet Explorer 10時會發生一些奇怪的事情。靜態頁面上的CSS工作得很完美，但是當我點擊wordpress動態頁面時，我遇到了問題。導航鏈接不會突出顯示，並且下拉菜單根本沒有響應。這隻發生在IE中，但它變得瘋狂，因爲它不是一個普遍的問題，它只發生在我的WordPress單一動態頁面上（其餘的網頁使用相同的CSS工作正常）。我不知道我的錯誤是什麼，因爲同一個wordpress頁面在Safari，Firefox和Chrome上運行良好！我希望你明白我的意思，因爲它有點複雜。爲什麼在IE中我的wordpress頁面的CSS不能正常工作，但是當應用於非wordpress靜態頁面在IE中工作正常嗎？

如果您需要任何進一步的代碼片段或截圖，請讓我知道。我沒有發佈鏈接到網站的原因是它在希臘語中，你不會在哪裏點擊。

感謝您花時間閱讀它。

來源

2013-10-04 Stelios

你可以發送一個鏈接到該工程的頁面和不工作的頁面。然後，我們不需要點擊，但可以看到發生了什麼 – Dennis

http://stelioshadjiperis.com/Synchrono/wordpress/ 在IE中嘗試此操作，然後使用Firefox或Chrome進行此操作。但是當你在IE中查看它時，點擊其餘的鏈接也可以看到這個CSS的作用。 – Stelios

您的代碼不合格。

你有

<meta charset="UTF-8" /> 
<meta name="viewport" content="width=device-width" /> 
<title>My Website | Just another WordPress site</title> 
<link rel="profile" href="http://gmpg.org/xfn/11" /> 
<link rel="stylesheet" type="text/css" media="all" href="http://stelioshadjiperis.com/Synchrono/wordpress/wp-content/themes/synchrono/style.css" /> 
<link rel="pingback" href="http://stelioshadjiperis.com/Synchrono/wordpress/xmlrpc.php" /> 
<!--[if lt IE 9]> 
<script src="http://stelioshadjiperis.com/Synchrono/wordpress/wp-content/themes/synchrono/js/html5.js" type="text/javascript"></script> 
<![endif]--> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://stelioshadjiperis.com/Synchrono/wordpress/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://stelioshadjiperis.com/Synchrono/wordpress/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.6.1" /> 

<!DOCTYPE HTML> 
<html> 
<head>

的DOCTYPE，HTML和HEAD標籤需要是第一位的。在Firefox和Chrome中它正在爲你修復它，IE迫使你自己修復它。

對於未來的幫助valdiate你的代碼在http://validator.w3.org

來源

2013-10-04 02:37:53 Dennis

非常感謝。雖然我糾正了它，但css仍然無法正常工作。這是我的第一個網站，所以我還有很多東西需要學習。 – Stelios

我剛剛刷新查看源代碼並仍然不正確 http://stelioshadjiperis.com/Synchrono/wordpress/ 點擊F12，調出IE開發者模式，你會看到你在怪癖模式下，這是因爲你的代碼仍然沒有正確的順序。右鍵單擊主窗口中的查看源代碼，您將看到您的Doctype和其他標籤如何失靈。 – Dennis

我也不得不問，你爲什麼要把一個靜態網站與wordress混合在一起。 WordPress的可以做你需要做的一切，爲什麼混合它？ – Dennis

爲什麼在IE中我的wordpress頁面的CSS不能正常工作，但是當應用於非wordpress靜態頁面在IE中工作正常嗎？

回答

相關問題