Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为什么我在使用IE8时遇到这些问题?_Jquery_Css_Internet Explorer_Internet Explorer 8 - Fatal编程技术网

Jquery 为什么我在使用IE8时遇到这些问题?

Jquery 为什么我在使用IE8时遇到这些问题?,jquery,css,internet-explorer,internet-explorer-8,Jquery,Css,Internet Explorer,Internet Explorer 8,我有一个网站,除了在InternetExplorer中,在所有浏览器中都很好看。我目前正在测试InternetExplorer8。我用一个条件样式表(ie.css)解决了一些问题,但有几个问题我就是想不出来。我愿意接受任何涉及CSS或jQuery的建议 以下是该网站的链接: 以下是我目前遇到的问题: 按钮在悬停时消失 当您将鼠标悬停在“资源”按钮上时,它会添加一个下拉菜单(使用)。当您将鼠标悬停在其中一个子菜单定位点上时,父按钮将完全消失。当子按钮悬停在上方时,如何强制父按钮保持可见 主容器将不

我有一个网站,除了在InternetExplorer中,在所有浏览器中都很好看。我目前正在测试InternetExplorer8。我用一个条件样式表(ie.css)解决了一些问题,但有几个问题我就是想不出来。我愿意接受任何涉及CSS或jQuery的建议

以下是该网站的链接:

以下是我目前遇到的问题:

  • 按钮在悬停时消失
    当您将鼠标悬停在“资源”按钮上时,它会添加一个下拉菜单(使用)。当您将鼠标悬停在其中一个子菜单定位点上时,父按钮将完全消失。当子按钮悬停在上方时,如何强制父按钮保持可见

  • 主容器将不在页面的中心位置
    主内容区域(#content_区域)不在页面中心。我有一个设置的宽度和边距:0自动也被定义,但内容区域仍然没有在页面上居中。我尝试了许多不同的方法来解决这个问题,但仍然没有成功

    我还需要将底部区域(底部区域)放在中心位置,但我认为它将使用与主要内容区域相同的策略

    有没有办法让他们集中注意力

  • 页面右侧的神秘页边距
    在页面的右边缘是一个大约10px的边距,我不知道它是从哪里来的。我怎样才能去掉它


  • 主要问题是您的html无效。首先将
    前面的
    标记移动到
    中。我想有些问题已经解决了。例如css
    color: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无效。首先将
    前面的
    标记移动到
    中。我想有些问题已经解决了。例如css
    color: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!,WebdeveloperMake
    body
    css的噩梦<代码>正文{宽度:960px;边距:0自动;}
    。这可能会在centerThx Rafee中起作用!这就删除了页面右侧的神秘页边距。虽然我可能弄错了,但看起来还是有1或2像素的边距。Internet Explorer!,WebdeveloperMake
    body
    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模式,这意味着