Jquery 为什么我在使用IE8时遇到这些问题?
我有一个网站,除了在InternetExplorer中,在所有浏览器中都很好看。我目前正在测试InternetExplorer8。我用一个条件样式表(ie.css)解决了一些问题,但有几个问题我就是想不出来。我愿意接受任何涉及CSS或jQuery的建议 以下是该网站的链接: 以下是我目前遇到的问题:Jquery 为什么我在使用IE8时遇到这些问题?,jquery,css,internet-explorer,internet-explorer-8,Jquery,Css,Internet Explorer,Internet Explorer 8,我有一个网站,除了在InternetExplorer中,在所有浏览器中都很好看。我目前正在测试InternetExplorer8。我用一个条件样式表(ie.css)解决了一些问题,但有几个问题我就是想不出来。我愿意接受任何涉及CSS或jQuery的建议 以下是该网站的链接: 以下是我目前遇到的问题: 按钮在悬停时消失 当您将鼠标悬停在“资源”按钮上时,它会添加一个下拉菜单(使用)。当您将鼠标悬停在其中一个子菜单定位点上时,父按钮将完全消失。当子按钮悬停在上方时,如何强制父按钮保持可见 主容器将不
当您将鼠标悬停在“资源”按钮上时,它会添加一个下拉菜单(使用)。当您将鼠标悬停在其中一个子菜单定位点上时,父按钮将完全消失。当子按钮悬停在上方时,如何强制父按钮保持可见
主内容区域(#content_区域)不在页面中心。我有一个设置的宽度和边距:0自动也被定义,但内容区域仍然没有在页面上居中。我尝试了许多不同的方法来解决这个问题,但仍然没有成功 我还需要将底部区域(底部区域)放在中心位置,但我认为它将使用与主要内容区域相同的策略 有没有办法让他们集中注意力
在页面的右边缘是一个大约10px的边距,我不知道它是从哪里来的。我怎样才能去掉它
主要问题是您的html无效。首先将
前面的
标记移动到
中。我想有些问题已经解决了。例如csscolor:inherit代码>如果IE不能分析doctype,有时它就不起作用
==更新===
在标记之后,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' />
...
Lybeck Murphy,律师事务所-律师
...
注意你的“页面来源”,在你第一次更改后,它看起来像:
<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>
...
Lybeck Murphy,律师事务所-律师
...
主要问题是您的html无效。首先将
前面的
标记移动到
中。我想有些问题已经解决了。例如csscolor:inherit代码>如果IE不能分析doctype,有时它就不起作用
==更新===
在标记之后,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' />
...
Lybeck Murphy,律师事务所-律师
...
注意你的“页面来源”,在你第一次更改后,它看起来像:
<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>
...
Lybeck Murphy,律师事务所-律师
...
我注意到您没有指定doctype。这可能不会解决您所有的问题,但是IE中一些最令人沮丧的CSS问题可以通过简单地包含适当的doctype来缓解。欢迎来到。我注意到您没有指定doctype。这可能不会解决您所有的问题,但是IE中一些最令人沮丧的CSS问题可以通过简单地包含适当的doctype来缓解。欢迎来到。在标签中复制以下标签作为第一个标签:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
它应该可以解决您的问题。在标记中复制以下标记作为第一个标记:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
它应该可以解决您的问题。Internet Explorer!,WebdeveloperMakebody
css的噩梦<代码>正文{宽度:960px;边距:0自动;}
。这可能会在centerThx Rafee中起作用!这就删除了页面右侧的神秘页边距。虽然我可能弄错了,但看起来还是有1或2像素的边距。Internet Explorer!,WebdeveloperMakebody
css的噩梦<代码>正文{宽度:960px;边距:0自动;}
。这可能会在centerThx Rafee中起作用!这就删除了页面右侧的神秘页边距。虽然我可能弄错了,但看起来还是有1或2像素的边距。IE进入QURIKS模式,因为结构无效。有时问题不在于IE,而在于糟糕的编码;-)对我有时也同意。。我了解到,我们的一些现代浏览器(如chrome)对其进行了修正,使其成为有效的结构,这就是原因。。有些页面在chrome中感觉很好,但在mozilla中,它在页面结构上起作用。。作为Internet Explorer,甚至创建者有时也不知道默认设置。我将doctype移到了链接标签下面,它似乎没有解决任何问题。你能看一看,让我知道是否有我没有做正确的事情吗?我能在你的html中看到的唯一区别是doctype被删除了。链接仍然在头部之前。再次添加doctype,只将链接移到头部。你是对的!我按照你推荐的方式移动了文件,效果非常好!谢谢是的。IE进入QURIKS模式,因为结构无效。有时问题不在于IE,而在于糟糕的编码;-)对我有时也同意。。我了解到,我们的一些现代浏览器(如chrome)对其进行了修正,使其成为有效的结构,这就是原因。。有些页面在chrome中感觉很好,但在mozilla中,它在页面结构上起作用。。作为Internet Explorer,甚至创建者有时也不知道默认设置。我将doctype移到了链接标签下面,它似乎没有解决任何问题。你能看一看,让我知道是否有我没有做正确的事情吗?我能在你的html中看到的唯一区别是doctype被删除了。链接仍然在头部之前。再次添加doctype,只将链接移到头部。你是对的!我按照你推荐的方式移动了文件,效果非常好!谢谢我确实指定了doctype。它是。scessor建议我把它移到链接标签下面,所以我把它移到了标签的末尾,但它似乎没有解决任何问题。我使用的是正确的doctype吗?有趣的建议。因为doctype前面有HTML,所以IE中会触发quirks模式,这意味着