为什么我在 IE 中的 wordpress 页面的 CSS 不能正常工作，但是当应用于非 wordpress 静态页面时，在 IE 中可以正常工作？ [关闭]答案

【问题标题】：Why CSS of my wordpress page in IE does not work properly but when applied to a non wordpress static page works fine in IE? [closed]为什么我在 IE 中的 wordpress 页面的 CSS 不能正常工作，但是当应用于非 wordpress 静态页面时，在 IE 中可以正常工作？ [关闭]
【发布时间】：2013-10-19 02:54:18
【问题描述】：

我创建了一个 4 部分页面网站，其中一个链接是关于“新闻”并且是动态的。如您所知，我必须在 wordpress 中创建我原始设计的自定义主题，以便我可以实现它。 CSS 在静态网页和单个 wordpress 网页上的所有浏览器上都能正常工作。然而，当涉及到 Internet Explorer 10 时，会发生一些奇怪的事情。静态页面上的 CSS 效果很好，但是当我点击 wordpress 动态页面时，我遇到了问题。导航链接未突出显示，下拉菜单根本没有响应。这只发生在 IE 中，但它变得疯狂，因为它不是一个普遍的问题，它只发生在我在 wordpress 的单个动态页面上时（其余网页使用相同的 CSS 工作正常）。我不知道我的错误是什么，因为相同的 wordpress 页面在 Safari、Firefox 和 Chrome 上运行良好！我希望你明白我在说什么，因为它有点复杂。

如果您需要更多代码 sn-ps 或屏幕截图，请告诉我。我没有发布网站链接的原因是它是希腊文的，你不知道在哪里点击。

感谢您花时间阅读。

【问题讨论】：

你能发送一个链接到有效的页面和无效的页面吗？然后我们不需要点击，但可以看到发生了什么
stelioshadjiperis.com/Synchrono/wordpress 在 IE 中尝试此操作，然后使用 Firefox 或 Chrome。但是当您在 IE 中查看它时，也单击其余链接以查看 CSS 是否有效。

标签： css wordpress internet-explorer internet-explorer-10

【解决方案1】：

您的代码不正常。

你有

<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 迫使您自己修复它。

为了将来的帮助验证您的代码http://validator.w3.org

【讨论】：

非常感谢。虽然我更正了它，但 css 仍然无法正常工作。这是我的第一个网站，所以我还有很多东西要学。
我刚刷新查看源码还是不对stelioshadjiperis.com/Synchrono/wordpress按F12，调出IE开发者模式，你会看到你在怪癖模式，这是因为你的代码还没有依次。右键单击主窗口中的查看源代码，您将看到您的 Doctype 和其他标签是如何乱序的。
我还要问，你为什么要把静态网站和 wordress 混在一起。 Wordpress 可以完成您需要做的所有事情，为什么要混合使用呢？
是的，你是对的，这是我的错误，即使我修复它并将其保存在未更新的远程服务器上，我也是通过 Dreamweaver CS6 完成的。希望我能解决它。
当我开始设计网站时，我根本不知道 wordpress 是如何工作的。我不想盲目地从某事开始。你知道我在大学的时候就学过传统的方法。老实说，我还没有决定是否为“新闻”添加一个动态页面。因此，当我说我要编写自己的 CMS、SQL 和 PHP 时，似乎需要做很多工作（几乎不可能）。在完成了网站的大部分内容后，我开始研究 wordpress，这就是我最终的结果。在不久的将来，我会尝试将其完全引入 wordpress，但我仍然是初学者。