2012-04-12 49 views
-2

我想在所有的浏览器版本...我的代码工作正常在Mozilla和Chrome,但不是在Internet Explorer中正常工作,以显示我的网页网页跨浏览器。 这里是CSS代码这是不符合IE它似乎兼容....使得兼容

编辑

奋力创建跨浏览器和多分辨率支持网页在过去的2个月,由于我的设计有多个问题的解决方案和浏览器支持。我是这个新设计的东西,我没有任何想法如何this.i看到一篇文章关于多个解决方案的支持,其中指出,我们必须使用常规的CSS代码,这是由所有的浏览器在所有resolutions.Also我听说我们必须把我们的正常的<div></div>在一个容器内,以便设计永远不会碰撞哪个彼此,当它被视为在低re solution.below是我的CSS代码将在1680X1050只有在Mozilla.currently IAM工作中使用的正常工作模板下的所有circumstances.give我的完美设计的一些样品示例,这样我将学习设计我自己的

#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; 
} 
+2

对不起,但没有人会解释CSS应该用HTML做什么,预览你想要什么以及你得到了什么(这是错误的) – scibuff 2012-04-12 11:08:09

+2

这是一个问答网站 - 你会介意问一下吗?一个问题? – feeela 2012-04-12 11:08:11

+0

Internet Explorer的是,到目前为止,在这个星球上最糟糕的浏览器,这是一场艰苦的战斗,我们都面临着每一天,你看到在您的标记除了IE浏览器的所有工作。然而,正如scabuff所指出的,没有链接,jsfiddle或完整的标记,我们所说的任何帮助都只是一种疯狂的猜测。 – Rob 2012-04-12 11:22:23

回答

1

因为你没问任何问题,我可以假设的问题是:我应该怎么做这个CSS在IE浏览器兼容?

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

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

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

希望这可以帮助你。

+0

将重置CSS存在的更多内容 – ksa 2012-04-12 11:34:54

+0

chk此链接http://jsfiddle.net/KyRus/28/ – ksa 2012-04-12 11:44:58