internet explorer定位问题（基本CSS）
我正试图创建一个这样的网站，每当我在IE中运行我的网站时，它看起来很糟糕，所有的东西都被推到左边，所有的图片都被分开了，尽管在Chrome和firefox中它们看起来很完美（就像在所有居中的地方一样，过渡都在那里），但问题来了 这里是测试地点： 下面是代码： 请记住，我有点新手，所以如果你有任何给我的建议或额外的提示，他们将非常感谢。internet explorer定位问题（基本CSS）,css,html,internet-explorer,google-chrome,Css,Html,Internet Explorer,Google Chrome,我正试图创建一个这样的网站，每当我在IE中运行我的网站时，它看起来很糟糕，所有的东西都被推到左边，所有的图片都被分开了，尽管在Chrome和firefox中它们看起来很完美（就像在所有居中的地方一样，过渡都在那里），但问题来了 这里是测试地点： 下面是代码： 请记住，我有点新手，所以如果你有任何给我的建议或额外的提示，他们将非常感谢。 漫游网络 #换页{ 宽度：620px； 保证金：0px自动； } .向上滑动箱子a{ 显示：块； 宽度：300px； 高度：300px； 背景：#eee；
漫游网络
#换页{
宽度：620px；
保证金：0px自动；
}
.向上滑动箱子a{
显示：块；
宽度：300px；
高度：300px；
背景：#eee；
溢出：隐藏；
}
.向上滑动盒子h5{
高度：300px；
宽度：300px；
文本对齐：居中；
线高：150px；
-webkit过渡：边缘顶部0.3s线性；
背景色：#白色；
}
.向上滑动框a：悬停h5{
利润上限：-300px；
}
.向上滑动箱子分区{
文本对齐：居中；
高度：300px；
宽度：300px；
不透明度：0；
背景颜色：橙色；
-webkit变换：旋转（6度）；
-webkit转换：所有0.2s线性；
}
.向上滑动框a：悬停div{
-webkit变换：旋转（0）；
不透明度：1；
}
.向上滑动箱子{
保证金：5px；
宽度：300px；
浮动：左；
}
.横幅{
保证金：0px自动；
显示：块；
填充：15px；
宽度：1000px；
高度：300px；
}
/*将托盘宽度限制为30px，使其垂直堆叠*/
#恩金盘{
最大宽度：30px；
保证金：0；
底部：175px；
}
#恩津托盘李#通知面板{
边界半径：3px；
}
#恩金托盘ul li.托盘-项目{
边框样式：实心；
边框宽度：1px；
}
#notificationpanel.notification-icon.apps{
背景位置：-84px 3px；
}
#notificationpanel.notification-icon.general{
背景位置：-54px 3px；
}
#notificationpanel.notification-icon.messages{
背景位置：-25px 3px；
}
#notificationpanel.notification-icon.dashboard{
显示：无；
}
#enjin tray li#通知面板。子面板{
宽度：380px；
底部：0；
}
#enjin托盘#通知面板子面板概述{
右：40px；
}
#enjin托盘#通知面板。子面板消息{
右：40px；
}
#恩金盘{
右：40px；
}
#enjin托盘#notificationpanel.subpanel.apps.faux图标{
显示：无；
}
#enjin托盘#通知面板。子面板。概述。人造图标{
显示：无；
}
#enjin托盘#通知面板.子面板.消息.人造图标{
显示：无；
}
#消息通知提示{
底部：231px！重要；
右：35px！重要；
}
#一般通知提示{
底部：205px！重要；
右：35px！重要；
}
#应用程序通知提示{
底部：180px！重要；
右：35px！重要；
}
.三角形{
显示：无；
}
#恩金托盘信息{
显示：无；
}
如果我能找到答案，将不胜感激。我一定会更新这篇文章，感谢您的阅读。您使用的是什么版本的IE？你的页面在IE10上看起来不错。 如果您运行的是旧版本，我无法帮助您，但请看以下内容：
-webkit转换-webkit过渡版<head>
<meta charset='UTF-8'>
<title>Wandercraft Network</title>
<style media="screen" type="text/css">
#page-wrap {
width:620px;
margin:0px auto;
}
.slide-up-boxes a {
display:block;
width:300px;
height:300px;
background: #eee;
overflow:hidden;
}
.slide-up-boxes h5 {
height:300px;
width:300px;
text-align:center;
line-height:150px;
-webkit-transition: margin-top 0.3s linear;
background-color:#white;
}
.slide-up-boxes a:hover h5 {
margin-top:-300px;
}
.slide-up-boxes div {
text-align:center;
height:300px;
width:300px;
opacity:0;
background-color:orange;
-webkit-transform: rotate(6deg);
-webkit-transition: all 0.2s linear;
}
.slide-up-boxes a:hover div {
-webkit-transform: rotate(0);
opacity:1;
}
.slide-up-boxes {
margin:5px;
width:300px;
float:left;
}
.banner {
margin:0px auto;
display:block;
padding:15px;
width:1000px;
height:300px;
}
/* Limit the width of the tray to 30px to make it stack vertically*/
#enjin-tray {
max-width: 30px;
margin: 0;
bottom: 175px;
}
#enjin-tray li#notificationpanel {
border-radius: 3px;
}
#enjin-tray ul li.tray-item {
border-style: solid;
border-width: 1px;
}
#notificationpanel .notification-icon.apps {
background-position: -84px 3px;
}
#notificationpanel .notification-icon.general {
background-position: -54px 3px;
}
#notificationpanel .notification-icon.messages {
background-position: -25px 3px;
}
#notificationpanel .notification-icon.dashboard {
display: none;
}
#enjin-tray li#notificationpanel .subpanel {
width: 380px;
bottom: 0;
}
#enjin-tray #notificationpanel .subpanel.general {
right: 40px;
}
#enjin-tray #notificationpanel .subpanel.messages {
right: 40px;
}
#enjin-tray .subpanel {
right: 40px;
}
#enjin-tray #notificationpanel .subpanel.apps .faux-icon {
display: none;
}
#enjin-tray #notificationpanel .subpanel.general .faux-icon {
display: none;
}
#enjin-tray #notificationpanel .subpanel.messages .faux-icon {
display: none;
}
#messages-notification-tip {
bottom: 231px !important;
right: 35px !important;
}
#general-notification-tip {
bottom: 205px !important;
right: 35px !important;
}
#apps-notification-tip {
bottom: 180px !important;
right: 35px !important;
}
.triangle {
display: none;
}
#enjin-tray-messaging {
display: none;
}
</style>
</head>
<body>
<img src="https://dl.dropboxusercontent.com/u/85261154/WN_Banner.png" border="0px" class="banner">
<div id="page-wrap">
<section class="slide-up-boxes"> <a href="www.reddit.com">
<img src="https://dl.dropboxusercontent.com/u/85261154/PVP.png">
<div>
<h5> <img src="http://www.backbonetechnology.com/media/blog-html5-logo.png"> </h5>
</div>
</a>
</section>
<section class="slide-up-boxes"> <a href="www.reddit.com">
<img src="https://dl.dropboxusercontent.com/u/85261154/Kingdoms.png">
<div>
<h5> <img src="http://www.backbonetechnology.com/media/blog-html5-logo.png"> </h5>
</div>
</a>
</section>
<section class="slide-up-boxes"> <a href="www.reddit.com">
<img src="https://dl.dropboxusercontent.com/u/85261154/Survival.png">
<div>
<h5> <img src="http://www.backbonetechnology.com/media/blog-html5-logo.png"> </h5>
</div>
</a>
</section>
<section class="slide-up-boxes"> <a href="www.reddit.com">
<img src="https://dl.dropboxusercontent.com/u/85261154/Factions.png">
<div>
<h5> <img src="http://www.backbonetechnology.com/media/blog-html5-logo.png"> </h5>
</div>
</a>
</section>
<div style="clear:both;"></div>
</div>
</body>