<分区>
我创建了一个包含 4 个部分的页面网站,其中一个链接是关于“新闻”的,并且是动态的。如您所知,我必须在 wordpress 中创建我的原始设计的自定义主题,以便我可以实现它。 CSS 在静态网页和单个 wordpress 网页上的所有浏览器上都能正常工作。然而,当谈到 Internet Explorer 10 时,一些奇怪的事情发生了。静态页面上的 CSS 工作完美,但是当我点击 wordpress 动态页面时,我遇到了问题。导航链接未突出显示,下拉菜单根本没有响应。这只发生在 IE 中,但它变得疯狂,因为它不是一个普遍的问题,它只发生在我在 wordpress 的单个动态页面上(其余网页使用相同的 CSS 工作正常)。我不知道我的错误是什么,因为同一个 wordpress 页面在 Safari、Firefox 和 Chrome 上工作正常!我希望你明白我在说什么,因为它有点复杂。
如果您需要任何其他代码片段或屏幕截图,请告诉我。我没有发布网站链接的原因是它是希腊语的,你不知道点击哪里。
感谢您花时间阅读。
最佳答案
您的代码不正常。
你有
<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 - 为什么我的 wordpress 页面的 CSS 在 IE 中不能正常工作,但是当应用于非 wordpress 静态页面时在 IE 中工作正常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19172221/