Question

我想在所有浏览器版本中显示我的网页...我的代码在mozilla和chrome中工作正常但在Internet Explorer中无法正常工作。这是css代码，它似乎与IE不兼容....

修改

在过去的两个月里，我一直在努力创建一个跨浏览器和多分辨率支持的网页，因为我的设计在解决方案和浏览器支持方面存在多个问题。我是这个设计的新手，我对如何解决这个问题并不知道this.i看到一篇关于多分辨率支持的文章，其中指出我们必须使用所有分辨率下所有浏览器都支持的常规css代码。我也听说我们必须将普通的<div></div>放在容器中，因此，当设计在较低分辨率下观看时，设计将永远不会相互碰撞。下面是我的css代码，它将在1680X1050下工作，仅在Mozilla中使用。模板在所有情况下都能正常工作。给我一些示例完美的设计，以便我学会设计自己的

#image img
{
padding:6px;
border-top:0px solid #ddd;
border-left:0px solid #ddd;
border-bottom:0px solid #c0c0c0;
border-right:0px solid #c0c0c0;
display:inline;
position:relative;
top:-210px;
margin-left:auto;
margin-right:auto; 
}
#hori
{
width: 70em;
margin-left:350px;
position:absolute;
}

#hori ul li
{
display:inline;
float:left;
list-style:none;
}

#hori ul
{
padding:0;
margin-top:-620px; 
}

#hori li
{
display: inline;   
padding:0;
text-align:center;
width:7em; 
float:left;
list-style:none;
height:25px;
margin-left:15px;
background:#38ACEC;
-moz-border-radius: 70px;
border-radius: 70px;
}

#verti 
{
float:bottom;
width:200px;
margin-top:50px;
position:relative;
display: inline;
}

#verti ul li
{
list-style:none;
text-decoration:none; 
}

#verti ul
{
padding:0;
margin:0;
}

#verti li
{
width:150px;
background:#38ACEC;
margin-bottom:9px;
position:relative;
top:170px;
-moz-border-radius:80px;
border-radius:80px;
text-align:center;
}

#slideshow 
{
position:relative;
height:500px;
right:-570px;
top:-280px
}

#slideshow img
{
position:absolute;
top:0;
left:0;
z-index:8;
}

#slideshow img.active
{
z-index:10;
}

#slideshow img.last-active
{
z-index:9;
}
table,th,td
{
border:1px solid black;
width:650px;
position:relative;
right:-480px;
margin-top:-35%;
}
th
{
background-color:#38ACEC;
color:white;
}

Answer 1

由于您没有提出任何问题，我可以假设问题是：我应该如何在IE浏览器中兼容此css？

实际上有几种方法可以做到这一点：

在IE中找出哪些css属性无法正常运行检查此网站是否存在一些常见的CSS错误http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml
添加内联过滤器以在使用IE时呈现不同的css，然后使用IE兼容的css，如果你想使这个为负，只需在条件之前添加!。
使用相同的过滤器制作2个不同的css文件，这些文件包含在html页面的顶部

<!--[if lt IE #version]>

<link rel="stylesheet" type="text/css" href="styleIE.css" />

希望这会帮助你。

使网页跨浏览器兼容

1 个答案: