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を追加しようとしましたが、何も起こっていません。どうすればよいか教えてください..

Web サイトは Firefox では見栄えが良いのですが、IE では完全にめちゃくちゃです。IEでこれをソートする方法を教えてください。

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

上の画像を確認して、問題を解決する方法を教えてください。

4

3 に答える 3

3

HTML5IE でサポートされている要素を使用しています。

IE のタグ サポートには、この js http://code.google.com/p/html5shiv/を使用します。HTML5

于 2012-04-12T12:55:29.277 に答える
0

IE では、ページに多くの HTML および CSS エラーが含まれているため、互換モードがトリガーされます。それはあなたのページを台無しにします。W3C HTML バリデーターでWeb サイトをチェックし、これらのエラーを修正してください。

于 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 に答える