我想在所有的瀏覽器版本...我的代碼工作正常在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;
}
對不起,但沒有人會解釋CSS應該用HTML做什麼,預覽你想要什麼以及你得到了什麼(這是錯誤的) – scibuff 2012-04-12 11:08:09
這是一個問答網站 - 你會介意問一下嗎?一個問題? – feeela 2012-04-12 11:08:11
Internet Explorer的是,到目前爲止,在這個星球上最糟糕的瀏覽器,這是一場艱苦的戰鬥,我們都面臨着每一天,你看到在您的標記除了IE瀏覽器的所有工作。然而,正如scabuff所指出的,沒有鏈接,jsfiddle或完整的標記,我們所說的任何幫助都只是一種瘋狂的猜測。 – Rob 2012-04-12 11:22:23