2

我试过 ..

<!--[if IE 7 ]>
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie7.css" rel="stylesheet" type="text/css">
<![endif]-->

<!--[if IE 8 ]>
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie8.css" rel="stylesheet" type="text/css">
<![endif]-->

CSS

header{
    position: relative;
    background:#7a2652;
    height: 75px;
}
header #telephone {
    float: right;
    color: #fff;
    margin-top: 10px;
    padding-right: 10px;
    width: auto !important;
}
header #telephone p {
    padding: 0;
    margin: 0;
    font-size: 10px;
    float: left;
    margin-top: 2px;
    color: #fff;
}
header #telephone img {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

/*
--------------------------------------------------------------------------------------- nav
*/

nav#primary-menu {
    height: 37px;
    position: absolute;
    right: 2px;
    top: 38px;
    width: 685px;
    list-style: none outside none;
}

nav#primary-menu div {
    background: none repeat scroll 0 0 #833B5D;
    float: right;
    height: 37px;
    margin-left: 32px;
    width: 645px;
}

nav#primary-menu ul#menu-mainnav {
    list-style: none outside none;
}

nav#primary-menu ul#menu-mainnav li {
    height: 37px;
    margin: 0 -10px 0 -37px;
    overflow: visible;
    padding-left: 37px;
    padding-right: 10px;
    position: relative;
    width: 80px;
    z-index: 1;
    float:left;
    display: inline-block;
    list-style: none outside none;
}

nav#primary-menu ul#menu-mainnav li:hover:last-child {
    background: url("images/nav-last-bg.png") no-repeat transparent;
}

nav#primary-menu ul#menu-mainnav li:first-child {
    background: url("images/nav-first-bg.png") no-repeat scroll left center transparent;
}       

nav#primary-menu ul#menu-mainnav li:hover {
    background: url("images/nav-current-bg.png") no-repeat scroll left center transparent;
}

nav#primary-menu ul#menu-mainnav li.current-menu-item {
    background: url("images/nav-current-bg.png") no-repeat scroll 0 0 transparent;
}

nav#primary-menu a {
    color: #FFFFFF;
    float: left;
    font-size: 9px;
    line-height: 120%;
    padding-bottom: 8px;
    padding-top: 7px;
    text-align: left;
    text-decoration: none;
    width: 60px;
}

nav#primary-menu a:hover {
    color: #FFFFFF;
}

nav#primary-menu a:visited {
    color: #FFFFFF;
}

nav#primary-menu ul#menu-mainnav li ul.sub-menu {
    list-style: none outside none;
}

但是并尝试添加一些css，但什么也没发生，请告诉我该怎么做..

该网站在 Firefox 中看起来不错，但在 IE 中完全搞砸了。请帮助我如何在 IE 中对其进行排序。

http://i.stack.imgur.com/Xp51g.jpg

请检查上面的图片并指导我如何解决这个问题。

4

3 回答 3

3

您正在使用HTML5IE 支持的元素。

使用这个 js http://code.google.com/p/html5shiv/来HTML5支持 IE 的标签。

于 2012-04-12T12:55:29.277 回答
0

在 IE 中，会触发 quirks 模式，因为页面包含许多 HTML 和 CSS 错误。这弄乱了你的页面。使用W3C HTML 验证器检查您的网站并修复这些错误。

于 2012-04-12T12:50:22.543 回答
0

您正在使用 HTML5，请使用：

<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
于 2012-04-12T13:05:30.910 回答