我有一个网站,在除 Internet Explorer 之外的所有浏览器中看起来都很棒。我目前正在 Internet Explorer 8 上进行测试。我设法使用条件样式表 (ie.css) 解决了一些问题,但有一些问题我就是无法弄清楚。我愿意接受任何涉及 CSS 或 jQuery 的建议。
这是站点的链接:Test Page
这些是我目前遇到的问题:
悬停时按钮消失
当您将鼠标悬停在“资源”按钮上时,它会添加一个下拉菜单(使用 WordPress Dropdown Menu Widget Plugin )。当您将鼠标悬停在其中一个子菜单 anchor 上时,父按钮会完全消失。当子按钮悬停时,如何强制父按钮保持可见?主容器不会在页面上居中
主要内容区域(#content_area)不在页面中央。我有一个设置的宽度和边距:0 auto 也被定义,但内容区域仍然没有在页面上居中。我尝试了许多不同的方法来解决这个问题,但仍然没有运气。我还需要将底部区域 (#bottom_area) 居中,但我想它只会使用与主要内容区域相同的策略。
关于如何让它们居中有什么想法吗?
页面右侧的神秘边距
在页面的右边缘有大约 10px 的边距,我不知道它是从哪里来的。我怎样才能删除它?
最佳答案
主要问题是您的 html 无效。先动<link ...>
-<DOCTYPE ... />
之前的标签进入<head>
.我想有些问题就这样解决了。例如。 CSS color: inherit;
如果 IE 无法分析文档类型,有时它不起作用。
===更新===
在 cahnges 之后,html 应该是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Lybeck Murphy, LLP - Lawyers</title>
<link type='text/css' rel='stylesheet' href='http://lybeckmurphy.com/test/wp-content/themes/mtt/custom_post_type.css' />
...
观察您的“页面源代码”,在您第一次更改后它看起来像:
<link type='text/css' rel='stylesheet' href='http://lybeckmurphy.com/test/wp-content/themes/mtt/custom_post_type.css' /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Lybeck Murphy, LLP - Lawyers</title>
...
关于jquery - 为什么我在使用 IE8 时会遇到这些问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9782476/