在IE6上正常,到了IE7,360急速、360兼容都出错
@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
padding: 0px;
font-size: 12px;
background-color: #FFF;
}
.side {
float: left;
width: 40px;
background-image: url(../images/Index_02.gif);
background-repeat: repeat-x;
height: 50px;
display: block;
}
#Main #content #top {
width: 908px;
background-color: #FFF;
height: 161px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
background-image: url(../images/Index_06.gif);
background-repeat: repeat-x;
}
#Main #content #top img {
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#Main #content #top #top_1 {
float: left;
width: 739px;
}
#Main #content #top #top_1 h2 {
float: left;
margin: 0px;
height: 75px;
background-image: url(../images/Index_09.gif);
background-position: left bottom;
width: 369px;
background-repeat: no-repeat;
text-indent: -9999px;
}
#Main #content #top #top_1 ul {
float: right;
margin-top: 17px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 8px;
}
#Main #content #top #top_1 ul li {
width: 70px;
float: left;
list-style-position: inside;
}
#Main #content #top #menu_1 {
float: left;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
width: 727px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-left-color: #cccccc;
height: 68px;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#Main #content #top #menu_1 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
width: 500px;
overflow: hidden;
}
#Main #content #top #menu_1 ul li {
height: 39px;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 1px;
display: inline;
}
#Main #content #top #menu_1 ul li .menu {
display: block;
text-indent: -9999px;
height: 39px;
width: 71px;
}
#Main #content #top #menu_1 ul #menu_1_1 {
background-image: url(../images/menu_1.gif);
}
#Main #content #top #menu_1 ul #menu_1_2 {
background-image: url(../images/menu_2.gif);
}
#Main #content #top #menu_1 ul #menu_1_3 {
background-image: url(../images/menu_3.gif);
}
#Main #content #top #menu_1 ul #menu_1_4 {
background-image: url(../images/menu_4.gif);
}
#Main #content #top #menu_1 ul #menu_1_5 {
background-image: url(../images/menu_5.gif);
}
#Main #content #top #menu_1 ul #menu_1_6 {
background-image: url(../images/menu_6.gif);
}
#Main #content #top #menu_1 ul #menu_1_7 {
background-image: url(../images/menu_7.gif);
}
#Main #content #top #menu_1 ul #menu_1_8 {
background-image: url(../images/menu_8.gif);
}
#Main #content #top #menu_1 ul li ul {
margin: 0px;
padding: 0px;
display: none;
float: left;
position: absolute;
list-style-type: none;
white-space: nowrap;
overflow: hidden;
}
#Main #content #top #menu_1 ul li ul li {
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
overflow: hidden;
display: inline;
line-height: 26px;
}
#Main #content #center
{
position: relative;
z-index: 1;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
}
#Main #content #bottom
{
z-index: 3;
height: 132px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
background-repeat: repeat-x;
background-position: top;
}
#Main #content #bottom #bottom_1 {
width: 168px;
height: 95px;
background-image: url(../images/Index_57.gif);
background-repeat: repeat-x;
float: left;
display: inline;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-right-color: #cccccc;
overflow: hidden;
}
#Main #content #bottom #bottom_1 img {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 52px;
}
#Main #content #bottom #bottom_3 {
float: right;
height: 132px;
width: 739px;
background-image: url(../images/Index_59.gif);
background-repeat: repeat-x;
}
#Main #content #bottom #bottom_3 ul {
padding: 0px;
list-style-type: none;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 13px;
}
#Main #content #bottom #bottom_3 ul li {
display: inline;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
#Main #content #bottom #bottom_3 p {
padding: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 17px;
line-height: 10px;
}
#content {
float: left;
width: 910px;
overflow: hidden;
}
#Main {
margin-right: auto;
margin-left: auto;
width: 990px;
}
A:link {TEXT-DECORATION: none; color:#000}
A:visited {TEXT-DECORATION: none; color:#000}
A:hover {TEXT-DECORATION: underline; color:#000}
A:active {TEXT-DECORATION: none; color:#000}
相关推荐
12306.cn订票插件兼容IE详细教程
12306.cn订票插件兼容IE 谷歌 chrome firefox 内容详细教程
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下
璐璐浏览器
基于IE内核浏览器开发的浏览器,基于google开发的稳定浏览器,基于360急速浏览器开的急速浏览器,采用现代双核双引擎开发数据库浏览器。
JS判断是否360安全浏览器极速内核的方法
本文实例讲述了JS判断是否360安全浏览器极速内核的方法。分享给大家供大家参考。具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: “Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1″,用的全是原生的谷歌浏览器的userAgent; 而360自己的网站的navigator.userAgent是 :”Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWe
ajax在兼容模式下失效的快速解决方法
使用jQuery,用ajax实现局部刷新功能,在火狐,360急速浏览器高速模式下,ie8,9都能正常运行,但切换到兼容模式下无效,解决办法有两种关闭浏览器兼容性视图,二是引入json2.js文件 这里采用第一种,并且使用一种完美兼容性解决办法,在head头部加入 <meta http-equiv=”X-UA-Compatible” content=”IE=9;IE=8;IE=7;IE=EDGE”> 即可! 以上这篇ajax在兼容模式下失效的快速解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。


